TIL. 8주차 금요일

1. Node.js란 Node.js 공식 사이트에 내린 Node.js의 정의는 "Chrom V8 JavaScript 엔진으로 빌드된 JavaScript 런타임이다. Node.js는 이번트 기반, 논 블로킹 I/O 모델을 사용해 가볍고 효율적이다." 또한 Node.js는 비동기 이벤트 주도 JavaScript 런타임으로써 Node.js는 확장성 있는 네트워크...

3일 전
·
0개의 댓글

TIL. 8주차 목요일

1. Thinking in React 1단계: UI를 컴포넌트 계층 구조로 나누기 단일 책임 원칙: 하나의 컴포넌트는 한가지 일을 하는게 이상적인 원칙이다. 만약 하나의 컴포넌트가 커지게 되면 이는 보다 작은 하위 컴포넌트로 분리해야한다. 2단계: React로 정적인 버전 만들기 데이터 모델을 가지고 UI를 렌더링은 되지만, 아무 동작도 없는 버전을 만들어...

4일 전
·
0개의 댓글

TIL. 8주차 수요일

1. Side Effect(부수효과) 부수효과란, 함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우를 말한다. ex) React 컴포넌트에서의 Side Effect 타이머 사용(setTimeout) 데이터 가져오기(fetch API, localStorage) 2. Pure Function(순수함수) 순수함수란, 오직 함수의 입력만이 함수의...

5일 전
·
0개의 댓글

TIL. 8주차 화요일

1. REST API REST : Representational State Transfer의 약자로 http의 장점을 최대한 활용할 수 있는 아키텍처이다. 웹에서 사용되는 데이터나 자원(resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식이다. REST 성숙도 모델 총 4단계로 0,1,2,3단계가 있다. ...

6일 전
·
0개의 댓글

TIL. 8주차 월요일

1. Client-Server Architecture 다른말로는 2 tier architecture라고 불린다. ‘리소스가 존재하는 곳’과 ’리소스를 사용하는 앱’을 분리하였기 때문에.. ‘리소스를 사용하는 앱’이 ‘클라이언트’이다. ‘리소스가 존재하고 리소스를 제공하는 곳은 ‘서버’이다. 리소스를 저장하는 공간을 별도로 마련한 경우는 3 tier arch...

7일 전
·
0개의 댓글

prototype chain

예시 코드 ![](https://images.velog.io/images/boraborayoon/post/cdaad043-2829-4c9d-b98e-942c82f116a6/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-10-16...

2021년 10월 15일
·
0개의 댓글

TIL. 7주차 금요일

1. Node.js Node.js는 개발자가 서버 측과 네트워크 응용 프로그램을 만들수 있도록 지원하는 JavaScript 런타임 환경이다.(런타임 환경은 컴퓨터 컴퓨터가 실행되는 동안 프로세스나 프로그램을 위한 소프트 웨어 서비스를 제공하는 가상 머신의 상태이다. 운영 체제 자체에 속하는 경우도 있고, 운영 체제에서 작동하는 소프트웨어를 뜻할 수도 있다....

2021년 10월 15일
·
0개의 댓글

TIL. 7주차 목요일

1. 동기적(synchronous) VS 비동기적(asynchronous) 1-1. 동기 동기식 처리는 한번에 한 작업만, 하나의 main thread에서 순차적으로 작업이 진행되며 처리될 수 있다. 그리고 다른 작업은 앞선 작업이 끝나야 수행된다. 참고로 자바스크립트는 싱글 thread이다. 컴퓨터가 여러개의 CPU를 가지고 있어도 main thread라...

2021년 10월 15일
·
0개의 댓글

TIL. 7주차 수요일

1. forEach Method 주어진 함수를 배욜 요소에 각각에 대해 실행한다. 3가지 매개변수를 받는다. current value는 처리할 현재요소. 임의의 이름을 지정해도 혼자서 배열을 순회한다. 처리할 현재 요소의 인덱스. 필수는 아니다. forEach()를 호출한 배열. 필수는 아니다. 배열의 기존 요소값이 바뀐 경우, call...

2021년 10월 13일
·
0개의 댓글

TIL. 7주차 화요일

1. BFS (Breadth First Search, 너비 우선 탐색) 그래프 전체를 탐색하는 방법 중 하나로, 루트 노드(또는 다른 임의의 노드)에서 시작하여 인접한 노드를 먼저 탐색한다. 시작 정점으로 부터 가까운 정점을 먼저 방문하고, 멀리 떨어져있는 정점을 나중에 방문 순회하며 노드를 넓게 탐색하여 너비 우선 탐색이라고 불리운다. 주로 두 노드 사이...

2021년 10월 12일
·
0개의 댓글

Fibonacci 수열을 구하는 효율적인 알고리즘

Fibonacci 수열을 구하는 효율적인 알고리즘 O(n)으로 문제풀기 첫번째. 두번째. 두번째 방법은 사실 수학공식을 사용하는 것이라, 코딩구조를 볼 것은 없다..😅

2021년 10월 9일
·
0개의 댓글

TIL. 6주차 금요일

1.Stack Stack의 사전적 의미는 '쌓다','쌓이다','포개지다' 등이 있다. 이것처럼 Stack은 데이터를 순서대로 쌓는 구조를 말한다. 이렇게 데이터를 순서대로 쌓다보면, 제일 먼저 들어간 데이터는 가장 나중에 나올 수 있을 것이다. 이러한 Stack 자료 구조의 정책을 LIFO(Last In First Out) 혹은 FILO(First In L...

2021년 10월 8일
·
0개의 댓글

TIL. 6주차 목요일

1.JSON JSON은 JavaScript Object Notation의 줄임말로, 데이터 교환을 위해 만들어진 객체형태의 포맷이다. 다만 객체와는 다르게, JSON은 모든 내용을 문자열로 변환시킨다. 이 변환된 문자열 덕분에 메시지 객체를 전송하며 데이터 교환이 가능한 것이다. 객체의 '키'에는 따옴표를 쓸수 없지만, JSON형태에서의 '키'는 문자열을 ...

2021년 10월 7일
·
0개의 댓글

TIL. 6주차 수요일

1. 재귀함수

2021년 10월 6일
·
0개의 댓글

TIL. 6주차 화요일

1.객체 지향 프로그래밍(OOP) 객체 지향 프로그래밍(OOP, Object-oriented Programming)의 반대말은 절차 지향 프로그래밍이다. OOP는 프로그램 설계 철학이고, OOP의 모든 것은 ‘객체’로 그룹화 된다. 절차적 언어는 초기의 프로그래밍 언어를 부르는 말로 예를 들어 C,포트란 등이 있다. 이 절차적 언어는 순차적인 명령의 조합으...

2021년 10월 5일
·
0개의 댓글

TIL. 5주차

Event Handler Parameter 전달하기 1. 전달할 parameter가 없거나 이벤트를 parameter로 전달하는 경우 2. 이벤트 객체가 아닌 parameter를 전달하는 경우 3. 여러개의 parameter를 전달하는 경우

2021년 10월 2일
·
0개의 댓글

TIL. 4주차 금요일

1. state VS props props는 외부로부터 전달받은 값 state는 내부에서 변화하는 값 State가 변경되면, re-rendering을 통한 화면 업데이트가 일어난다. 2. useState React에서는 state를 다루는 방법 중 하나로 useState라는 특별한 함수를 사용한다. useState의 전달인자는 state의 초기값이다. ...

2021년 9월 17일
·
0개의 댓글

TIL. 4주차 목요일

1. React SPA Single Page Application의 줄임말로 서버로부터 완전한 새로운 페이지를 불러오지 않고 페이지 갱신에 필요한 데이터만 받아 그 정보를 기준으로 현재의 페이지를 업데이트함으로써 사용자와 소통하는 웹 어플리케이션이나 웹 사이트를 말한다. 2. SPA의 장점 전체 페이지가 아니라 필요한 부분의 데이터만 받아서 화면을 업데이트...

2021년 9월 16일
·
0개의 댓글

TIL. 4주차 수요일

1.React란? 리액트란 프론트엔드 개발을 위한 JavaScript 오픈소스 라이브러리다. React 3가지 특징 1) 선언형(명시적이라는 뜻이라고 보면 된다. 코드를 보면 바로 알수 있다..): 리액트는 한 페이지를 보여주기 위해 HTML,CSS,JS로 나눠서 적기보다는 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향한...

2021년 9월 15일
·
0개의 댓글

TIL. 4주차 화요일

1. 고차함수란? 함수를 인자로 받을 수 있고, 함수의 형태로 리턴할 수 있는 함수다. 변수에 할당 할 수 있다. 다른 함수의 인자로 전달될 수 있다. 다른 함수의 결과로서 리턴될 수 있다. 2. 콜백함수란? 다른 함수의 인자로 전달되는 함수이다. 3. 배열 내장 method 중 고차함수 3가지 ; map, filter, reduce 이 3가지 함수는 ...

2021년 9월 14일
·
0개의 댓글