210118-210122 TIL

TWIL(This Week I Learned)을 작성하기에 앞서 먼저 반성의 시간을 갖는다.
일단 시작하겠다고 해놓고 알아보기 쉽게 정리하겠다며 결국 일주일치가 밀려버렸다.
다음주부터는 그날그날 바로 TIL을 쓰자!

🍎 이번주에 배운 것들

210118 _ Day 1

• 변수
• 타입
• 함수

---

210119 _ Day 2

• 조건문

• 문자열 다루기

• if문을 사용하지 않아도 조건식을 return하면 불린값이 리턴된다.

//조건식이 성립할 경우 true를 리턴하라고 하는 if문
if( 'apple'.length === 5 ){
  return true;
} // true

//바로 조건식을 리턴해도 똑같이 true가 리턴된다.
return 'apple'.length === 5; // true

• 구글 크롬 개발자 도구의 콘솔창에서 확인해볼 코드의 윗줄에 debugger;를 입력하면 코드의 처리과정을 하나씩 확인할 수 있다.
• 무언가를 이어붙이면 된다고 얘기할 때 개발자들은 "그거 concat하면 되잖아."라고 말한다.

---

210120 _ Day 3

• 반복문

  • for 문
  • for와 while의 차이
  • 반복문에 조건문을 응용하여 특정 조건에서만 코드를 실행시키기
  • 이중 포문

• Number()와 parseInt(), 어떤 경우에 사용하나?
  - 둘 다 숫자형으로 변환해주지만, 정수값을 구해야하는 경우 parseInt()를 사용한다.

• 이중 반복문(이중 for문)을 사용할 때는 for문 안에 들어가는 변수 i와 j가 어떤 역할을 하는지 확실하게 하는 것이 중요하다. 반복문 21번 문제 참고

---

210121 _ Day 4

• 프론트엔드 개발자가 되려면 갖추어야 할 소양
• HTML, CSS, JavaScript는 각각 어떤 언어인가
• HTML 기본구조와 문법
• 자주 사용되는 HTML 요소
• 시멘틱 태그의 사용
• CSS의 구조와 기본문법
• CSS를 HTML에 적용하는 방법 (+ HTML안에 CSS를 정의하는 것을 지양해야하는 이유)
• id와 class의 차이점 (+ Selector 규칙)
• 텍스트 꾸미기 속성들
• CSS의 단위들 (절대단위, 상대단위)
• CSS Box Model
  • width, height
  • margin, padding, border
  • overflow
  • box-sizing: content-box | border-box; ➡ box크기 측정 기준(여백 포함 유무)
• block 요소와 inline 요소
  • display: block | inline | inline-block;

✍ 기억해두기

• 링크를 클릭했을 때 새 탭에서 열리게 하는 방법: <a>태그의 target속성을 이용

<a href="https://velog.io/@seungsang00" target="_blank">승상의 블로그</a>

• radio 버튼 사용시 주의사항: 한 그룹은 name속성을 같은 값으로 해야 중복 선택이 안된다.

<input type="radio" name="gender">여성
<input type="radio" name="gender">남성

여성
남성

---

210122 _ Day 5

• querySelector
• JavaScript로 계산기 만들기