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 - 웹 개발 이해하기 웹 개발과 HTML & CSS Javascript HTML과 CSS는 웹 페이지를 만드는 기초 자바스크립트가 웹 페이지를 컨트롤 하는 방법을 눈으로 확인 가능 HTML: 웹페이지의 구조(Structure) 를 담당하는 Markup 언어 CSS: 디자인 요소를 시각화하는 스타일시트(Presentation) 언어 JS(JavaScript): 단순한 웹페이지를 프로그램으로 만들어 사용자와 상호작용(Interaction) 할 수 있게 해주는 프로그래밍 언어 Visual Studio Code를 설치해서 사용하자 ch – HTML 기초 HTML? → Structure! HyperText Markup Language; 웹페이지를 구성하는 마크업 언어 → 프로그래밍 언어가 아니다. 그러나 H..

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..