2021.01.18 ~ 2021. 01. 22

Week 1-1 : JS와 가까워지기 / Week 1-2 : HTML & CSS 로 확인하기

1-1 JS와 가까워지기

1) 변수

• 변수는 데이터의 이름표
• let 으로 declaration 한 뒤 assignment 함 (동시에도 가능)
• 변수명에 공백사용 불가

2) 타입

• 숫자(Number) / 문자(String) / Boolean / undefined / 함수

3. 함수

• 기능의 단위
• return 값이 반드시 필요

4. 조건문

• 어떠한 조건을 판별하는 기준을 만드는 것
• 반드시 comparison operator가 필요( >, <, >=, <=, ===, !==)
• 두가지 조건 사용시 논리연산자 사용(&&, ||, !)

5. 문자열

• '+' 연산자를 사용해 문자열을 연결

6. 반복문

• 같거나 비슷한 코드를 여러번 실행시켜야 할 경우 사용
• for구문 / while구문

1-2 HTML & CSS 로 확인하기

1) 웹 개발 이해하기

• HTML : Structure / CSS : Presentation / JS : Interaction

2) HTML 기초

• tag들의 집합
• 한 개의 head 와 여러개의 body
• TREE Structure

3) CSS 기초

• 스타일링을 담당
• 관심사 분리
• 기본적인 Selector : class / id
• 텍스트 꾸미기
  1> 색상
  • color 속성 사용
  • 값으로 HEX나 주요 색상 이름을 사용
  2> 글꼴
  • font-family 속성 사용
  • 글꼴 이름은 따옴표를 붙여서 사용, 여러 글꼴은 쉼표로 구분
  3> 크기
  • font-size 속성 사용
  • 단위 : 절대단위(px, pt등) / 상대단위(%, em, rem, ch, vw, vh등)
  4> 기타
  • 굵기 : font-weight
  • 밑줄, 가로줄 : text-decoration
  • 자간 : letter-spacing
  • 행간 : line-height
  5> 정렬
  • 가로로 정렬할 경우 : text-align
• 박스 모델
  1> 박스 종류
  • block / inline-block / inline
  2> 박스를 구성하는 요소
  • border(테두리) : (border-width) (border-style) (border-color);
  • margin(바깥쪽 여백) : (top) (right) (bottom) (left);
  • padding (안쪽 여백) : (top) (right) (bottom) (left);

---

코드스테이츠 1주차가 지나갔다.
아직 1주차이지만 실제로 계산기를 만들면서 실습도 하고 페어 시스템을 통해 다른 사람들과 함께 공부하는 새로운 경험을 할 수 있었다.
앞으로 갈 길이 구만리고 이제서야 시작이지만 시작이 반이라고 했다. 이제 1주가 지났으니 19주 뒤에 개발자로 취업할 수 있도록 더욱 열심히 준비할 예정이다.