부트캠프 TIL

부트캠프 시작

함수 선인식은 호이스팅이 된다 함수 표현식은 호이스팅이 되지 않는다.

반복문 for vs while for >for(초기화 식; 조건식; 반복식) {문장(true일 경우)} 조건식이 false인 경우 for문을 빠져 나온다 while과 동일하게 continue, break 사용 가능 while > while(조건식) {문장(true

HTML Semantic Tag TAG > href : 연결할 주소를 지정 한다. target : 링크를 클릭 할 때 창을 어떻게 열지 설정 한다. title : 해당 링크에 마우스 커서를 올릴때 도움말 설명을 설정 한다. > target _self : 링크를

CLI(Command-Line Interface)는 명령어를 입력해 컴퓨터를 조작하는 방식을 말한다.GUI(Graphical User Interface)는 윈도우즈나 macOS, 또는 Linux에서 사용자가 화면을 통해 컴퓨터와 소통하는 방식을 말한다.pwd : 현재

Fork : Remote에 있는 다른 Repository에서 Fork를 해서 Remote에 있는 내 Repository에 가지고 온다.clone : git clone 명령어 뒤에 Repository 주소를 입력하면 해당 Repository를 내 컴퓨터(Local Rep

배열 mutable vs immutable mutable 함수 > splice reverse sort push / pop shift / unshift immutable 함수 > filter map slice 객체 객체 읽고 쓰기 . (마침표) 연산자 [ ] 연

selector section > div {} : section 하위 div 모든 엘리먼트 section + div {} : section 인접한 하나의 형제 div 엘리먼트 section ~ div {} : section 모든 형제 div 엘리먼트 attribut

숫자(Number)불린(Boolean)nullundefined문자열(String)원시 타입 데이터는 변수에 할당될 때 메모리 상에 고정된 크기로 저장되고 해당 변수가 원시 데이터의 값을 보관한다.원시 타입 자료형은 모두 변수 선언, 초기화, 할당시 값이 저장된 메모리

스코프 >" 변수 접근 규칙에 따른 유효 범위" 전역 스코프 vs 지역 스코프 안쪽 스코프에서 바깥쪽 스코프로는 접근할 수 있지만, 반대는 불가 스코프는 중첩이 가능하다 가장 바깥쪽의 스코프는 전역 스코프(Global Scope), 전역이 아닌 다른 스코프는 전부

DOM이란? DOM은 Document Object Model의 약자로, HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model 목적 : DOM 객체를 통해 HTML 태그가 출력된 모양과 콘텐츠를 제어하기

일급객체 고차함수란 콜백함수란 다른 함수의 인자로 전달되는 함수 array.flat() 중첩된 배열 구조를 평탄화하기 위해 사용 MapReduce 학습하기 (MapReduce Model) 자바스크립트에서 커링(currying)과 클로저(closure)의 차이

JSX JSX는 JavaScript가 확장된 문법이지만, 브라우저가 바로 실행할 수 있는 JavaScript 코드는 아니다. 때문에 부라우저가 이해할 수 있는 JavaScript 코드로 변환해주어야 한다. Babel 이때 사용하는 것이 Babel. Babel은 JS

SPA SPA는 서버로부터 완전히 새로운 페이지를 불러오는 것이 아니라, 화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받아 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션이나 웹 사이트를 말한다. SPA 장점 전체 페이지가 아닌 필

props props 컴포넌트의 속성(property)를 의미 : 외부로부터 전달받은 값으로, 해당 컴포넌트가 가진 속성에 해당 부모 컴포넌트로부터 전달받은 값 : 컴포넌트가 최초 렌더링될 때에 화면에 출력하고자 하는 데이터를 담은 초기값으로 사용할 수 있다. 객

객체 지향 프로그래밍은 하나의 모델이 되는 청사진을 만들고,(=> class)그 청사진을 바탕으로 한 객체를 만드는 프로그래밍 패턴(=> instance)데이터와 기능이 별개로 취급되지 않고, 객체 내에 데이터와 기능이 함께있다는 원칙에 따라 메소드와 속성이 존재한다.

재귀함수 재귀는 다음과 같은 상황에서 매우 적합하다. 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우 중첩된 반복문이 많거나 반복문의 중첩 횟수(number of loops)를 예측하기 어려운 경우 모든 재귀함수는 반복문으로 표현할 수 있으며,

JSON JSON은 프로그램 사이에서 데이터 교환을 위한 객체 형태의 포맷 객체는 타입 변환을 이용해 String으로 변환할 경우 객체 내용을 포함하지 않는다. JavaScript에서 객체에 메소드(message.toString())나 형변환(String(messag

자료구조 자료의 집합으로, 각 원소들이 논리적으로 정의된 규칙에 의해 나열되며 자료에 대한 처리를 효율적으로 수행할 수 있도록 자료를 구분하여 표현한 것. 데이터를 정해진 규칙없이 저장하거나, 하나의 구조로만 정리하고 활용하는 것보다 데이터를 체계적으로 정리하여 저

BFS 너비 우선 탐색 Breadth-First Search 너비를 우선적으로 탐색하는 방법 주로 두 정점 사이의 최단 경로를 찾을 때 사용 BFS 추가정리 링크 CLICK 재귀함수 실행으로 함수가 스택에 쌓이고, 함수가 리턴될 때 스택에서 pop되는게 맞나요?

클로저 복습 콜백 함수 내부함수 한번만 호출 \_.once는 callback 함수를 한 번만 호출하는 '함수'를 리턴합니다. \_.once가 리턴하는 함수를 여러 번 호출해도 callback 함수는 한 번 이상 호출되지 않습니다. reduce 구현

📌비동기 📌콜백 📌Promise > const promise = new Promise((resolve, reject) => ) > new Promise 생성자가 반환하는 객체는 state와 result를 프로퍼티로 갖는다. 📎resolve 📎reject

📌fs 모듈 파일 처리와 관련된 작업을 하는 모듈로, FileSystem을 의미 동기/비동기로 나뉘는데, Sync라는 이름이 붙어있는 메소드가 동기방식을 사용 비동기 형식은 항상 마지막 인수가 수행 완료 시 호출할 콜백 함수로 작성되어야 한다. 📎fs 메소드 f

URL로 요청하는 걸 가능하게 해 주는 API가 바로 fetch APIfetch API는 Promise의 형식으로 이루어져 있다.fetch()를 통해 전달받은 response는 HTTP Response이며 JSON이 아니다. 때문에 json() 메소드를 사용하여 res

웹 애플리케이션 아키텍처에서는, 클라이언트와 서버가 서로 HTTP라는 프로토콜(통신규약)을 이용해서 서로 소통한다.Uniform Resource LocatorURL은 서버가 제공되는 환경에 존재하는 파일의 위치를 나타낸다.네트워크 상에서 웹 페이지, 이미지, 동영상 등

브라우저의 작동 원리 CSR react는 CSR 방식으로 동작한다 유저가 처음 사이트에 들어왔을 때, 서버는 비어있는 html을 response하고, client에서 js파일을 읽어 DOM 화면을 읽어준다. url이 바뀌어도 다시 내려받지 않고, 클라이언트에서 알아

📌 REST API REST? REST : 웹 등을 위한 아키텍쳐 스타일 ( 아키텍쳐 스타일 : 제약조건의 집합) 이러한 제약조건을 모두 지켜야 REST를 따른다라고 말할 수 있다. REST는 요소로는 크게 리소스,메서드,메세지 3가지 요소로 구성된다. 예를 들

React 마운트, 업데이트 과정 / 라이프 사이클 Render phrase에서 리액트는 새로운 props와 state를 바탕으로 Virtual DOM에 반영할 부분을 계산하며, Virtual-DOM을 생성한다. (추가로 갱신의 경우에는 어떤 차이가 있는지 파악한다

HTTP 트랜잭션 해부 buffer response.writeHead request.on() : data, end... end와 write와의 차이는?? server.listen CORS 정리 내용 https://urclass.codestates.com/24b7

공식 문서 Expressnpm init : package.json 설치npm i expresspackage.json => scrips에 start : nodemon app 으로 설정하면 npm start로 nodemon 실행 가능npm i nodemon --save-d

styled components

Redux 미들웨어 // 유튜브 30분 부터 참고) code scalper 유튜브 redux 강의

빌드 webpack: 모듈 번들러 babel: TypeScript, JSX 등과 같이 브라우저가 지원하지 않는 언어를 JavaScript로 바꿔주는 컴파일러 ESLint: 자바스크립트 Code convention 및 문법 검사기 Sass, less: CSS Prep

시간 복잡도를 표기하는 방법은 다음과 같다.Big-O(빅-오)Big-Ω(빅-오메가)Big-θ(빅-세타)위 세 가지 표기법은 시간 복잡도를 각각 최악, 최선, 중간(평균)의 경우에 대하여 나타내는 방법이다. 이 중에서 Big-O 표기법이 가장 자주 사용된다. Big-O

선택 절차(Selection Procedure): 현재 상태에서의 최적의 해답을 선택합니다.적절성 검사(Feasibility Check): 선택된 해가 문제의 조건을 만족하는지 검사합니다.해답 검사(Solution Check): 원래의 문제가 해결되었는지 검사하고, 해

순열 / 조합 순열 / 조합 정리 GCD / LCM 멱집합 집합 {1, 2, 3}의 모든 부분집합은 {}, {1}, {2}, {3}, {1, 2}, {1, 3}, {2, 3}, {1, 2, 3} 으로 나열할 수 있고, 이 부분집합의 총 개수는 8개이다. 그리고

SQL 하나의 언어인 Structured Query Language (SQL)은 데이터베이스 언어로, 주로 관계형 데이터베이스에서 사용한다. 예를 들어 MySQL, Oracle, SQLite, PostgreSQL 등 다양한 데이터베이스에서 SQL 구문을 사용할 수 있다

데이터베이스 설계

인스타 스키마 디자인 .env.example 팀으로 개발을 하는 경우라면 .env.example 파일을 애플리케이션에 포함할 수 있습니다. example 설정 파일에 적절한 기본값을 넣어두면 다른 개발자들이 애플리케이션을 실행하는 데 어떤 환경 변수 설정이 필요한지

MVC 패턴 MVC 패턴 정리 스프린트 에러 node.js response error 처리 Cmarket MVC Cmarket transaction 정리 Cmarket 과제 흐름도 ![](h

🌈 ORM ORM은 Object Relational Mapping 즉, 객체-관계 매핑의 줄임말이다. 객체-관계 매핑을 풀어서 설명하자면 우리가 OOP(Object Oriented Programming)에서 쓰이는 객체라는 개념을 구현한 클래스와 RDB(Relati

🌈 HTTPS HTTP는 암호화되지 않은 방법으로 데이터를 전송하기 때문에 서버와 클라이언트가 주고 받는 메시지를 감청하는 것이 매우 쉽다. 예를들어 로그인을 위해서 서버로 비밀번호를 전송하거나, 또는 중요한 기밀 문서를 열람하는 과정에서 악의적인 감청이나 데이터의

암호화는 일련의 정보를 임의의 방식을 사용하여 다른 형태로 변환하여 해당 방식에 대한 정보를 소유한 사람을 제외하고 이해할 수 없도록 알고리즘을 이용해 정보를 전달(관리)하는 과정을 의미한다.어떠한 문자열에 임의의 연산을 적용하여 다른 문자열로 변환하는 것민감한 정보를

토큰 기반의 인증 시스템은 인증받은 사용자들에게 토큰을 발급하고, 서버에 요청을 할 때 헤더에 토큰을 함께 보내도록 하여 유효성 검사를 한다. 이러한 시스템에서는 더이상 사용자의 인증 정보를 서버나 세션에 유지하지 않고 클라이언트 측에서 들어오는 요청만으로 작업을 처리

OAuth Resource Owner : 액세스 중인 리소스의 유저입니다. 김코딩의 구글 계정을 이용하여 App에 로그인할 경우, 이때 Resource owner은 김코딩이 됩니다. Client : Resource owner를 대신하여 보호된 리소스에 액세스하는

Cloud Computing 클라우드의 등장 서버의 자원과 공간, 및 네트워크 환경 제공 필요할 때마다 컴퓨팅 능력을 유연하게 조절 사용한 만큼의 요금만 지급 다른 컴퓨터로 즉시 이주가 가능 클라우드 환경의 단점 이처럼 운영 환경 자체가 클라우드 제공자에게 종속되어

Ubuntu 유저용 Docker Engine 설치 안내Docker Compose애플리케이션이 의존성, 네트워크 환경, 파일 시스템에 구애받지 않고, 도커라는 기술 위에 실행될 수 있도록 만든 애플리케이션 상자실행되는 모든 컨테이너는 이미지로부터 생성된다. 이미지는 애플

13306 포트 열어주기 << RDS db </마스터 사용자 이름 admin </마스터 암호 9469121gess 엔드포인트 및 포트 엔드포인트 practice-database-deploy.cwbloyx80vxd.ap-northeast-2.rds.amazonaws

🌈 Git Branch 브랜치 종류 통합 브랜치(Integration Branch) 배포될 소스 코드가 기록되는 브랜치. Github Repository를 생성하게 되면 기본적으로 main 브랜치가 생긴다. (기존 Repository의 경우 master로 되어 있