TWIL

Math 속성과 메서드 / 문자열(string) 표기법 / 연산자 우선순위 / 코드를 적다가 막혔을 때 : 질문하기

Object / Array / String / 문자열이 아닌 값을 문자열로 변환하는 메서드 / Math 메서드와 숫자열을 반환하는 함수 / 양수를 음수로, 음수를 양수로 만드는 방법 / 의문점 해결 : 객체와 let의 특징

Scope 와 Closures / 함수에서 전달인자와 매개변수 / 생성자 / 배열 메서드 / Terminal

Math 함수 / Array 다루기 / 호이스팅, 클로저, 스코프, IIFE - 개념을 이해하기 좋은 글

currying / this / 재귀함수 / 객체가 비었는지 확인하는 법 / 코드 바꿔나가기

새로운 HTML 엘리먼트를 만들고 노드로 추가하는 기본적인 방법 / 상단에 새로운 노드를 추가하기 / JS에서 HTML 태그의 속성과 변수를 동적으로 추가하기 / 노드 값과 내용을 지우고, 없애고, 페이지를 새로고침하기

Selector / height / box-sizing / cursor / float / overflow

ParentNode.children 그리고 element.childNodes / template Element / HTMLElement.dataset

비동기호출

call(), apply(), bind() / String 타입의 사칙연산 / 반복문과 다양한 배열 내장 매서드로 같은 목적을 가진 함수 작성하기

클로저 이해하기 / sort() 메서드에 정렬하는 함수 넣어 사용하기 / 삼항 조건 연산자 / Date()를 이용하여 시간을 조절하기

this / 유사배열 / EventTarget.addEventListener()

length 프로퍼티 / if (...) { do something } 구문을 한 줄로 표현하기 / Array.isArray와 array.length를 이용해서 인자를 검사하기 / default parameter를 그대로 이용하기 위해 undefined를 인자로 전달하기

some() 메서드를 이용해서 반복문 탈출하기 / 재귀함수 구조로 setTimeout() 을 setInterval()처럼 사용하기 / 모바일에 media query를 적용하려면 <meta name='viewport'>가 필요하다 / 현재 페이지에서 상위 폴더로 이동하는 링크를 만들 때 / CSS Object Model(CSS 객체 모델 (CSSOM))

What The Flexbox?! 코스에서 배운 점 정리 / flex / calc() / console.table / 구조 분해 할당

String.prototype.match() / String.prototype.replace() / Canvas API / Attribute modifications / 개발자 도구 console 객체의 여러가지 메서드를 이용하기 / MouseEvent.shiftKey / KeyboardEvent.shiftKey / element.checked

페어 프로그래밍에서 GitHub와 Git 명령어 사용하기 / Linter와 Tester / ES5에서 Object를 생성하는 함수 구현하기 : Instantiation Patterns

setTimeout() 메서드에 첫 번째 인자로 함수 실행 값을 넣었을 때 / return 시 삼항 연산자 사용하기 / 참조 타입 변수가 선언될 때, 변수 혹은 함수의 반환 값을 요소로 가지고 있다면 / 생성자 함수 상속 구현하기 / 구조 분해 할당

미디어를 재생하고, 멈추고, 재생중인지 확인하기 / 미디어 요소와 관련된 프로퍼티들 / 부모 엘리먼트 안의 자식 엘리먼트 가져오기 / MouseEvent.offsetX : 특정 엘리먼트 안에서 마우스 위치 감지하기 / 전체화면 설정하기 / Document: scroll event / Window.scrollY / HTMLElement.offsetTop / img 엘리먼트와 일반 엘리먼트의 width값 구하기 / 박스 크기를 넘어가는 문장에 말줄임표 생성하기 / if (조건) return true or false로 구성된 코드를 간단하게 적기

Fetch API / package.json / 자바스크립트 모듈 - 서버사이드 / Node.js를 이용하여 서버 뼈대 구성하기

React - 주의점과 팁 / Window.localStorage

To-do List with React / 완성된 모습, 느낀 점과 배운 점 / Ref / input value를 state로 다루기

callback / Promise / async, await

DATABASE Sprint 소회 / 데이터베이스의 필요성 / 스키마, 스키마 설계 / mysql2 / Sequelize

인증하기 / Session, Cookie / Express.js의 미들웨어들

프로젝트 1 시작 / 팀으로 일하기 / 문제와 의문에 부딪히기 / Git Flow

프로젝트 1 마무리하기 / 완성된 모습 / 아쉬운 점 / 물론 좋은 점도 여러가지 / 디자인은 처음부터 / 다음 프로젝트를 준비하기

새로운 프로젝트, 식물 관리 기록장 '초록 ChoLog' / 새로운 도구를 사용하기 / 기능 설문조사 실시, 그 결과는? / User Flow와 UI 디자인 / React Navigation 4.x 에서 5.x로 / 마주친 난관 / 남은 시간은 2주

다듬고 변경하기 / API 요청과 컴포넌트 연결하기 / 스타일링 시작 / 남은 기간 7일

서비스 완성 / 서비스 화면 스크린샷 / 마주친 문제들 / API 요청 타이밍 설정하기 / 스타일링 / 마침표를 찍고 다시 시작하면서

사용한 툴들 / Create React App 설정 / public 폴더와 index.html에 넣을 항목들 / 메타 데이터 / target="_blank"의 보안 취약점

개발 환경과 Node.js / npm의 역할 / IIFE 방식 모듈 / 다양한 모듈 스펙 / webpack 설정파일 작성