ch – CSS 기초 CSS는 Cascading Style Sheets의 약자로 HTML과 같은 마크업 언어가 표현되는 방법을 결정 → CSS는 구조의 외부와 내부를 꾸미는 역할 학습 목표CSS의 사용목적 이해 프론트엔드 개발자의 기초소양 CSS의 기본문법과 구조 → 직접 html 안에 css를 정의하는 것을 권장하지 않는 것을 이해 id 및 class와 관련된 selector 규칙 CSS에서 쓰이는 단위(2가지 구분) → 각 단위가 적합한 경우를 구분 CSS 박스 모델 → width, height → margin, padding, border → 박스 크기를 측정하는 2가지 기준의 차이 이해 MDN, w3school 같은 레퍼런스 사이트를 통한 검색과 이용법 CSS 소개 CSS는 스타일링을 위한 도구 ..

ch – 반복문 단순한 반복을 보다 효율적이고 간결하게 할 수 있도록 하는 반복문 [학습 목표] for문과 문자열, 숫자를 이용해 반복적으로 코드를 실행 기본적인 for문 (for (let i = 0; i < 5; i++))을 응용한 다양한 for문 생성 for문과 while문의 차이 이해 반복문에 조건문을 적용하여 특정 조건에서만 반복문 실행되게 하기 이중 for문에 대한 이해 반복문 기초 반복문: 같거나 비슷한 코드를 여러 번 실행시켜야 할 때 쓰는 구문 → 반복할 조건을 코드로 작성 for 구문 반복할 조건을 초기화, 조건식, 증감문 순으로 넣어준다 for(초기문;조건문;증감문){ //반복할 내용 } ex) let sum=1; for(1et n=2;n

ch- 문자열 컴퓨터는 코드와 문자열을 구분하기 위해서 작은 따옴표(&#39;&#39;)나 큰 따옴표("")를 사용하여 구분 문자열은 string. 문자 하나는 character(char) [학습목표] # 문자열의 속성과 메소드를 이용해 원하는 형태로 만들기 * length로 길이 확인 str.length * 문자열의 글자 하나하나에 대한 접근 str[1] * 문자열 합치기 * 문자열 원하는 만큼만 선택 str.slice(0,3) 또는 str.substring(0,3) * 영문을 모두 대문자로 변환 str.toUpperCase() * 영문을 모두 소문자로 변환 str.toLowerCase() * 문자열 중 원하는 문자의 index 찾기 str.indexOf(‘a’) 또는 str.lastIndexOf(‘a..

# ch-조건문(conditional) - truthy, falsy가 조건문에서 작동하는 방식 이해 - 비교 연산자를 통한 엄격한 비교(===, !==) 이해 - if, else if, else를 이해 - 논리연산자(&&, ||, ! …) 사용해보기 - 복잡한 조건문을 활용하여 실생활 문제 해결 알고리즘 구현 # 조건문 기초 Boolean 타입에 대한 이해 조건문은 어떤 조건을 판별하는 **기준**을 만드는 것 조건문에는 반드시 **비교 연산자**가 필요 , ===(같다), !==(다르다) 비교의 결과는 항상 Boolean, 즉 true 또는 false 이다 ==, != 은 느슨한 비교이므로 사용하지 않는 것이 좋다! → 예외 케이스가 많아서 정확한 결과를 도출하기 어렵기 때문 # 조건문 사용..