새싹

단일 선택자, 복합 선택자, 가상 선택자

static, relative, absolute, fixed

다양한 position 속성을 이용해 애벌레 만들기

display: inline, block, inline-block, flex

Node.js 설치

Node.js 최신 버전 업데이트

노드패키지를 관리해주는 툴

mysql 설치하기

MySql user 생성

Node.js와 MySql 연동하기

방명록을 DB와 연동하여 등록, 수정, 삭제할 수 있게 하기

회원가입 정보를 DATABSE에 연결하고 로그인, 수정, 삭제까지 가능하게 하기

데이터베이스 작업을 쉽게 할 수 있도록 도와주는 ORM(Object-Relational Mapping) 라이브러리이다.

실습_46을 sequelize를 이용해 구현해보기

cookie를 생성해서 팝업 창을 오늘 하루 보지 않게 하기

React 프로젝트 생성하기

JSX = Javascript + XML

Reference

React 에서 앱의 유동적인 데이터를 다루기 위한 개체 state가 변경될 시 변경된 state와 관련된 모든 부분들이 자동으로 재렌더링 된다.

클래스형 컴포넌트에서만 사용 가능했던 state 와 lifecycle 을 함수형 컴포넌트에서도 사용 가능하도록 도와주는 기능

라이프 사이클 - 컴포넌트의 수명 주기

Component

라우팅

Sass - 복잡한 작업을 쉽게 할 수 있도록 도와주고, 스타일 코드의 재활용성과 코드의 가독성을 높여 유지보수를 더욱 쉽게 해준다.

[ open-color ] 색상이 정의 되어 있어서 $oc-color-num 이렇게 사용하면 된다. [ include-media ] 미디어 쿼리를 쉽게 사용할 수 있도록 도와준다. [ 라이브러리 설치 ] 예시

nodemailer를 사용해 메일 보내기

jdk, eclipse

출력 데이터 타입 기본 타입 (Primitive) 실제 값을 변수에 저장한다. 레퍼런스 타입 (참조형, Reference) 메모리 주소 값을 변수에 저장한다. 입력 nextLine() 메소드를 사용하면 엔터(\n) 이전까지의 문자열을 읽을 수 있다. ![]

배열, ArrayList

예외 처리

IntelliJ 설치

Spring Boot 기반으로 Spring 관련 프로젝트를 만들어주는 사이트

상태관리 라이브러리

react-redux

Javascript에 타입(type) 기능을 추가한 것

Docker

복수 개의 컨테이너를 실행시키는 Docker 애플리케이션을 정의하기 위한 툴

docker-compose.yml ./db/init.sql 생성할 테이블 쿼리문을 적어준다. ./server/Dockerfile ./client/Dockerfile config.json node-sass version 오류가 난다면 node.js version과 호환이 되는 node-sass를 설치해줘야한다.