Immersive TIL(Today I Learn)
1.TIL #1 // 컴퓨터 프로그램, OOP, Prototype
컴퓨터 프로그램 컴퓨터 프로그램은 일종의 알고리즘이 모여 특정 프로그램(step by step program)이 만들어 지는 것을 말한다. 그리고 프로그램을 개발 할 수 있도록 도와주는 tool은 처리 수준에 따라 3가지(Machine language, Assembly language, High level language)가 있다. 1. Ma...
2.TIL #2 // Stack, Queue
Stack 스택IMG.PNG Stack구조란?? Stack구조란 제일 나중에 들어온 자료가 제일 먼저 나가는 후입선출(last in, first out, LIFO)구조이다. 일상생활에서 간단한 예를 들면 프링글스 과자에서는 나중에 쌓인(후입) 과자를 가장 먼저 먹게(선출) 된다. Stack Method - push(): 스택에 ...
3.TIL #3 // Linked List, Graph, Tree, Binary Search Tree, Hash Table
Linked List LinkedListIMG.gif Linked List(연결 리스트)란 데이터들을 가지고 각 데이터의 node(위치)가 연결되어 있는 선형구조를 말한다. 원하는 데이터를 찾기 위해서는 무조건 처음(head)부터 데이터를 검색해서 다음노드로 넘어가야 한다. tail을 넘어가는 값은 Null이 나온다. 선형구조로 이루어져 있어 데이터를 ...
4.TIL #4 // Time Complexity
시간복잡도란 알고리즘을 푸는데에 있어서 종료할 떄 까지의 시간과 공간을 얼마나 차지하는지의 표기법이다 알고리즘을 푸는데에 있어서 시간과 공간을 얼마나 차지하는지 Big-O 시간복잡도를 계산할 시 발생할 수 있는 최악의 연산 수를 Big-O nation으로 표시할 수 있다. 계산시 작은 상수들을 제외하고 큰 지수들만 표시한다(데이터의 크기가 커...
5.TIL #5 //ES6 Class, Super
Class 원래 JavaScript에서는 class를 사용하지 않았지만 "ECMAScript 2015"에서 공식적으로 ES6를 소개하면서 제공되었다. 기존에는 prototype 속성을 이용해 객체지향언어를 구현했으나 Class 함수를 사용함으로써 객체를 생성하고 상속을 다루는데 있어 훨씬 더 단순하고 명확한 문법을 제공한다. Class 또한 함수이기 때...
6.TIL #6 // Browser, HTTP, Server, API, Ajax
우리가 만들 웹서비스는 클라이언트와 서버로 구성되어있다 이번 스프린트는 API(Application Arograming Interface)를 활용해서 UI(User Interface)를 만드는 스프린트였다 여기서 API란 프로그래밍되어있는 애플리케이션과 의사소통 가능한 매게체 ,Interface란 사물과 사물간의 의사소통을 하게 만드는 매게체, UI란 ...
7.TIL #7 // CORS, fetch API, package.json, node.js
http 서버 만들기 -- > 가장 간단한 서버는기본서버레포에 작성되어 있으니 그거를 바탕으로 서버 만들기 각 요청 분기하다 --> 가장 먼저 해야 해야함 routing이라는 개념이용(클라이언트가 보낸 조건에 따라 알고리즘 만들어서 실행) 분기에 따른 API 제공하기 API 문서 작성하기 -- api를 만들고 문서화 하는거까지가 API작성임 -- API사...
8.TIL #9 // React
[React 공식문서] [React 공식문서 합성, 상속 정리] 이번 스프린트 목적 Start React react개념 보고 react작성 (솔로) Recast.ly react를 이용하여 유투브 만들기 (페어?) Todo.List 나만의 todolist만들기 (솔로) React란? 웹사이트를 만드는 방법(프론트엔드 구현)을 크게 2가지로 나누면 HT...
9.TIL # 10 // Callback, Promise, Async & Await
Callback 콜백함수 패턴은 자바스크립트에서 비동기적으로 순서를 제어하고 싶을 때 사용하는 콜스택 중 하나이다. 콜백을 사용함으로서 특정함수의 동작이 끝나면, 바로 다른 여러가지 함수를 호출할수 있게 만든다. 그렇다면 자바스크립트를 비동기적으로 작동하지 않게 만든다면(즉, 동기적이라면) 어떤 문제가 생길까? 유투브를 예로 들어보자. 만약 유투브에서 ...
10.TIL #11 //SQL
Database란? data를 관리, 필터링 하기위해 특화된 서버이다. Database가 필요한 이유 data를 node.js를 이용해 In Memory에서 가져오는 경우(server, client): 웹앱을 다시 실행할 시 데이터가 초기화 됨 data를 file
11.TIL #12 // Hashing, Authentication(Cookie & Session& Token)
보통 인증과정을 거치지 않고 정보들을 얻는다면? client에 email에 관련된 정보를 서버를 요청 서버에서 정보를 DB에 가져가 response하고 client가 가져감 여기서 문제점: 누구나 email을 알고 있다면 정보를 가져갈 수 있음 아! 그렇다면
12.TIL # 13 // AWS Deployment
Intro Deployment ( 배포는? 내 코드를 다른 컴퓨터에서 코드를 돌리고 그 컬퓨터에서 서비스가 돌아 갈 수 있는 환경 배포 과정에 따른 개발 환경 Development 서비스 개발 integration 개발자들끼리 서로 에러,충돌이 없는지 확인 후 수정 s