변수는 어떤 값(데이터)을 담는 보관함(메모리)의 이름이다.변수를 선언하여 데이터 보관함(메모리)에 데이터를 넣을 공간을 확보한다.데이터 보관함의 크기는 동일변수를 통해 데이터 사용(재활용)= 는 같다라는 의미 x , === 같다는 의미변수는 상황에 따라 변할 수 있는
조건문은 어떤 조건을 판별하는 기준을 만드는 것이다.조건에는 결과가 Boolean으로 나오도록 하는 표현식 or 비교구문을 쓴다.비교연산자(comparison operator)비교연산자 => 비교의 결과는 Boolean (true 또는 false)비교연산자에는 >, &
같거나 비슷한 코드를 여러번 실행시켜야 하는 경우 사용한다.반복할 내용 작성 => 반복할 조건 작성for 반복문은 어떤 특정한 조건이 거짓으로 판별될 때까지 반복한다.반복할 조건을 초기문, 조건문, 증감문 순서로 넣어준다.반복 횟수 명확할 때 사용While 반복문은 어
HTML : 마크업 언어 & CSS : 스타일 시트 언어 & Javascript : 프로그래밍 언어마이크로소프트에서 개발한 전 세계에서 가장 대중적인 코드 에디터Visual Studio Code 장점OS에 상관없이 사용이 가능하다. (macOS, Linux, Wind
CSS (Cascading Style Sheets) : 웹 페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어좋은 사용자 경험을 제공하기 위한 도구이다.사용자 인터페이스(UI; user interface)사물 간 또는 사물과 인간 간의 의사소통이 가능하도록 일시적,
🔥 레이아웃 : 각각의 요소를 목적에 맞게 배치하는 것 1. 와이어프레임(Wireframe) : 웹 또는 애플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계 와이어프레임을 보고, 어떤 목적을 가진 프로그램인지 유추할 수 있도록 해야한다. 목업(Mock-up)
🔥 과제1. 계산기 구현하기 튜토리얼1 숫자, 연산자(+, -, *, /), 소수점, 계산(Enter), 초기화(AC) 버튼 튜토리얼2 🔥 과제2. User flow에 따라 기능 구현하기
CLI(Command-Line Interface) : 글자의 입출력을 통해 사용자와 컴퓨터 간 소통하는 방식GUI(Graphical User Interface) : 그래픽을 이용해 사용자와 소통하는 방식터미널(Terminal) 실행하기 터미널 = CLI, 입력하는 글자
배열 (array) : 번호(인덱스)와 번호에 대응하는 데이터들로 이루어진 자료 구조= 순서(index)가 있는 값, 1이 아닌 0부터 번호를 매긴다.대괄호\[]를 이용해 배열을 만들며, 원소(element)는 쉼표,로 구분한다.값은 인덱스를 이용해서 접근한다.cons
🔥 원시 자료형과 참조 자료형 원시자료형(primitive data type) : 고정된 저장 공간을 차지하는 데이터 참조 자료형(reference data type) : 대량의 데이터를 다루기에 적합 1. 원시 자료형 : 객체가 아니면서 method를 가지지
expect : 값을 테스트할 때 사용expect(테스트하는값).기대하는조건느슨한 동치 연산(loose equality) == 보다엄격한 동치 연산(strict equality) === 사용하기const로 선언한 경우변수에 재할당(reassignment) 금지배열의 경
🔥 DOM 기초 DOM(Document Object Model) : HTML, XML 문서의 프로그래밍 인터페이스이다. 문서의 구조화된 표현을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수
🔥 Git으로 협업하기 1. Local Git repository (로컬 리포지토리) repository(리포지토리) : git에서 코드를 저장하는 공간 Local Repository(로컬 리포지토리) : 자신의 컴퓨터의 작업 공간(local)에 위치한 프로젝트
🔥 목표 상기하기 코드스테이츠 프론트엔드 부트캠프를 잘 마치고, 실력을 쌓아 바로 취업할 수 있도록 하기! 🔥 Keep \- 오늘 배운 내용 정리해서 velog 작성하기 \- 모르는 내용 찾아볼 때 공식문서 보기 \- To do list 작성해서 계획 세