# 이메일 보내기 라이브러리 사용해보기 node.js 의 장점은 1. 자바스크립트다. 2. npm (원하는기능) 을 구글에 치면 고퀄리티 라이브러리들이 매우 다양하다. # 웹 서버 만들어보기 npm install express --save 웹브라우저 : 클라이언트 클라이언트는 어떤 웹페이지에서 사용자가 어떤 메뉴를 클릭하거나 그럴 때마다 서버에 request 요청을 한다. 그에 따른 response를 해준다. 우리가 request할 때 서버의 어떤 기능과 연결할 것인지 정하는 것 : 라우팅 __dirname 은 현재 파일 위치 npm install ejs --save #db를 mySQL로 받아서 해당 주소?로 라우팅시키기

코드 class PriorityQueue: ''' 우선순위 큐를 힙으로 구현합니다 ''' # 최소 힙 = 부모 self.data[index]: temp = self.data[index] self.data[index] = self.data[index//2] self.data[index//2] = ..

실습1 CSS grid 사용 실습 2 페이지네이션1 실습 3 페이지네이션 2 실습 4 API Response와 UI 연동하기

2주차 자바스크립트 #1 인적사항 출력 #2 게임기 숨기기 #3 핑크,퍼플,오렌지 #4 사칙연산 #5 페이지 넘기기 3주차 React #1 주문하신 메뉴 나왔습니다 #2 커피 주문 #3 State ( 객체인 경우 ) #4 Component #5 Hook 4주차 #1 카페 메뉴 등록하기 axios.get을 하고 나서 받아오는 response라는 놈은 { ... ... } 복잡하게 생긴 객체인데, { 'data': { ... ...} , __: { ... ...} , __: { ... ... } } 이렇게 생긴 애다. 따라서 setCafe(response.data) 를 해주는 것이다. 또한 여기서 불러오기를 누르면 출력되는 menuName을 통해 cafe는 배열이고, [{ 'id': 1, 'item': '아..

Styled Component의 장점: 미리 만들어둔 UI를 card.description이런 식으로 다시 조합해서 바로 쓸 수 있다. 실습 1 과목카드랑 거의 동일 실습 2 실습 3 아이콘 추가와 할부개월 실습 4 움직이는 모서리 만들기 실습 5 트랙/과목 탭 만들기 & Map함수 잠깐 잠깐 map 함수 array.map(callbackFunction(currenValue, index, array), thisArg) callbackFunction, thisArg 두개의 매개변수가 있고 callbackFunction은 currentValue, index, array 3개의 매개변수를 갖는다. currentValue : 배열 내 현재 값 index : 배열 내 현재 값의 인덱스 array : 현재 배열 t..

Ch1 Style 도구 및 Style Component 소개 적용할 스타일들 1. grid UI (2*3, 2*4) 2. 페이지에이션 # React styling 방법론 4가지 css module : class,id 등에 random string(hush)를 달아주기 때문에 선택자가 겹칠 우려가 없음. css in JS library(styled components) : 따로 CSS파일 만들 것 없이 JSX 파일 안에서 스타일링까지 해결 가능. JS 값들을 props로 넘겨줘서 해당 JS 값에 의도된 styling을 바로 적용할 수 있음. 스타일링을 직접 해야함. UI framework : 이미 다 만들어져있음. 초심자에게는 좋지X css framework : 거대한 css파일 하나를 가져옴. 이미 만들..