텍스트 꾸미기 색상(color) hex코드 또는 주요 색상의 이름을 사용 가능 글꼴(font-family) 글꼴 이름은 “ “(따옴표)를 붙여서 적용 글꼴이 없거나 지원하지 않는 경우를 대비하여 여러 글꼴 추가 가능(fallback 글꼴) → ,(쉼표)를 구분자로 사용. 입력 순서대로 fallback이 적용됨 ex) .emphasize { font-family: "SF Pro KR", "MalgunGothic", "Verdana"; } 보다 다양한 글꼴을 사용하고 싶은 경우? “웹 폰트 기술” 이용 개발자가 표현하고 싶은 글꼴을 사용자의 기기에 적용할 수 있도록 필요에 따라 웹에서 다운로드 받게 하는 기술 Google Fonts 서비스 이용 HTML의 link태그를 사용하여 간단하게 embed 가능 크기..

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

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

1주차-2 강의 내용 정리ing * ch-변수 intro 변수의 선언과 할당에 대한 이해 값으로 변환된 표현문이 변수에 할당되어 담기는 과정을 이해 연산자의 의미 “=”는 같다가 아니라 연산자임(좌변에 우변값을 할당) ------------------- 크롬 개발자 도구(f12)를 통해서 테스트 가능 ex) let num1=6 console.log(num1*1) console.log(num1*2) console.log(num1*3) console.log(num1*4) console.log(num1*5) console.log(num1*6) 1. 데이터 보관함 확보; 선언(declaration) let age; 2. 보관함에 데이터 저장; 할당(assignment age=12; 3. 선언과 할당 동시에 가능..

1. 학습 툴에 대한 설명과 세팅 2. 코스 전반에 대한 설명 3. 코드스테이츠 원칙 ----------------------------- 1. 학습 툴에 대한 설명과 세팅 - 노션(notion) - 디스코드(discord) -urclass - zoom -github -google calendar ----------------------------- 1. TIL(Today I Learning) ; 매일 배운 것을 블로깅을 통해서 내용 정리 2. SQ3R 방법론 ; Survey(훑어보기)/Question(질문하기)/ Read(적극적으로 읽기)/Recite(소리내어 내용말해보기)/Review(맞는지 확인하기) 3. 알고리즘 디자인 실력 증진방법 ; 알고리즘 문제 풀고나서 그 깨달음만을 유지하고 다시 지우고 ..

블로깅 테스트