분류 전체보기

객체와 배열 객체(Object) 키와 값의 쌍의 속성(property)으로 구성되며, Python의 딕셔너리와 유사하다. key는 ' '를 생략한 문자열로 사용 가능하다. value에 접근할 때 [ ] 뿐만 아니라 .을 사용하여 접근할 수 있다. let person = { name: "Alex", age: 28, gender : "M" }; console.log(person.name); // 점 표기법을 사용하여 "Alex" 출력 console.log(person["age"]); // 대괄호 표기법을 사용하여 27 출력 person.age = 31; // 기존 속성 값 수정 person.country = "USA"; // 새로운 속성 추가 참고 속성명 축약 key에 할당할 value와 변수가 같으면 생략..

JavaScript JavaScript는 웹 브라우저 내에서 실행되어 웹 페이지를 동적으로 만들고 사용자와 상호작용을 가능하게 하는 프로그래밍 언어 즉, 브라우저를 컨트롤 하는 언어 클라이언트 측 언어로만 사용되었으나, node.js의 등장 서버 측 애플리케이션 개발이 가능해졌다. Node.js Node.js — Run JavaScript Everywhere Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js는 Chrome V8 JavaScript 엔진 위에 구축된, 서버 측에서 실행되는 JavaScript 환경 전통적으로 JavaScript는 브라우저 내에서만 실행이 가능했지만, node.j..

기능 플로우 정리 사용자1은 화면 공유 버튼을 누르면, 다른 화면으로 전환된다. 해당 화면에는 실시간으로 사용자1의 폰 화면이 보여야 한다. 상단에 작은 박스로 검은색 투명도 50%인 박스가 있어야 한다. 이 박스의 오른쪽에는 화면 공유 종료 버튼이 있어야 한다. 개발 환경 Front End : Flutter Back End : FastAPI 내가 직접 API를 만들어볼거야! 라고 시도해봤지만, 결론적으로 어떤 문제인지 모르고 망한 코드인 점을 고려하고, 참고만 부탁드립니다! 해결방법이 있다면, 댓글로 공유해주시면 감사하겠습니다 ,, main.py from fastapi import FastAPI, WebSocket from fastapi.responses import StreamingResponse i..

1. 플러터 다운로드 및 설치 공식 Flutter 웹사이트(https://flutter.dev/) Flutter - Build apps for any screen Flutter transforms the entire app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase. flutter.dev 웹사이트에서 "Get Started"를 클릭하여 다운로드 페이지로 이동한다. 해당 페이지에서 사용하는 운영 체제에 맞는 SDK를 다운로드하고 설치한다. 다운로드가 완료되면 압축을 푼 후, 원하는 위치에 설치한다. Flutter SDK의 경로를 시스템 환경..

CSS Library 미리 만들어진 CSS 스타일들의 모음이다. 자주 사용하는 스타일들을 class로 만들어 두어 요소에 class만 적용하면 사용할 수 있다. ex) Bootstrap, Foundation, Tailwind Bootstrap Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins. getbootstrap.com 가장 유명한 CSS Library 반응형 사이트를 제작하기 위한 cla..

Change the world by being yourself 자신이 됨으로써 세상을 바꿔라. (에이미 포엘러) 이 문구는 자신을 꾸준히 발전시키고, 자신이 원하는 방향으로 나아가며 자기 자신을 믿고 존중하는 것이 세상을 변화시킬 수 있다는 의미를 내포하고 있다. 개인주의와 사회적 변화 간의 균형을 강조하며, 자기 자신을 발견하고 표현함으로써 더 큰 세계에 긍정적인 영향을 끼칠 수 있다는 메시지를 전달한다. 즉, 우리는 자신을 알고 존중함으로써 주변 환경을 변화시킬 수 있으며, 이러한 변화가 모여 세계를 더 나은 방향으로 이끌 수 있다는 것을 의미한다. 자신의 개성과 역량을 존중하고 발전시키며, 그것이 세상을 변화시키는 첫걸음이 될 수 있다는 희망적인 메시지를 담고 있다. 짧은 명언 중에서 가장 인상깊게..

Algorithm Introduction 알고리즘 = 컴퓨터에게 복잡한 조건으로 계산을 시키는 것 파이썬의 자료형을 이용하여 세상의 데이터를 표현하고, 논리적으로 계산할 수 있다. Q. 만약 어떤 사람의 이름이 alex, 나이는 3, 그리고 운전면허를 보유하고 있다면? 할당 연산자 =를 통해 변수에 각기 다른 자료형을 담아 표현할 수 있다. name = 'alex' # 이름에는 문자열을, age = 3 # 나이에는 숫자를, license = True # 운전면허 보유여부에는 진리값을 할당할 수 있습니다. 할당 연산자는 더 정확하게는, 변수가 할당된 객체의 주솟값을 ‘가리키게’ 된다. name ⇒ ‘alex’ 객체를 pointing. Python Tutor 사이트를 활용하여 볼 수 있다. Online Py..

반복문(Loop) 1. 반복문의 필요성 5개의 정수 원소가 담긴 리스트 numbers에서 순차적으로 아래와 같이 원소에 접근할 수 있다. numbers = [10, 20, 30, 40, 50] print(numbers[0]) print(numbers[1]) print(numbers[2]) print(numbers[3]) print(numbers[4]) 10 20 30 40 50 만약 리스트 numbers의 원소가 100개이면 어떨까? 모든 원소에 접근하려면 100줄의 코드를 작성해야 한다. ⇒ 상당히 비효율적이다! 이는 원소의 개수가 많으면 많을수록 더 비효율적이다. numbers = [1, 2, 3, ..., 98, 99, 100] print(numbers[0]) print(numbers[1]) .....

컨테이너(Container) 자료형 1. 컨테이너 란? 1-1. 기존 저장 방식의 한계 지금까지 우리는 하나의 변수에 하나의 값만을 저장하여 사용해왔다. 하지만 이러한 방식에는 명확한 한계가 존재하는데, 다음의 예시를 살펴보자. 1. 사람들의 이름을 수집하려고 한다. 변수를 이용하여 2명의 이름을 아래와 같이 수집할 수 있다. name1 = "kyle" name2 = "alex" 2. 사람들이 점점 늘어난다. 변수를 이용하여 5명의 이름을 아래와 같이 수집할 수 있다. name1 = "kyle" name2 = "alex" name3 = "james" name4 = "martin" name5 = "alice" 3. 사람들이 100명이 되면 이름을 어떻게 수집할 수 있을까? 변수를 100개 만들어야 할까? ..

조건문(Condition) 우리는 평소에 “만약 A라면 B를 하고, A가 아니면 C를 한다.”와 같은 형식의 말을 많이 한다. A라는 조건이 참(True)이면 B를 하고, 거짓(False)이면 C를 한다는 의미로 생각해 볼 수 있다. 프로그래밍에서도 특정 조건이 참인지 거짓인지에 따라 동작을 다르게 수행한다. 파이썬에서 이를 어떻게 표현하는지 알아보자. 1. 조건문 기초 1-1. if 와 else 파이썬에서 조건문을 표현할 때 if와 else라는 문법을 사용한다. if 문의 구조는 아래와 같다. if 조건문: 조건문이 참일 때 실행하는 동작 1 조건문이 참일 때 실행하는 동작 2 ... else: 조건문이 거짓일 때 실행하는 동작 1 조건문이 거짓일 때 실행하는 동작 2 ... if 문의 오른쪽에 조건문..