2 Week Project Diary Day 2-4. Javascript를 배우고 있습니다. 현재는 슬랙과 디스코드를 클론하는 2주 프로젝트 중입니다. * 1. Sprint1 원래도 매일 프로젝트 일기를 남길 생각은 없었지만 역시나 프로젝트가 시작되니 밥, 잠 그리고 코딩으로 하루가 귀결되는 판에 블로깅은 생각도 못했다. 아무튼 기획 1일 + 3...
Video Label EventLoop 를 알아보기 전에, JS 는 어떻게 이루어져 있는가? 1. Call Stack: 프레임들의 스택. 2. Task queue: 처리할 메시지의 대기열. (비동기로 호출되는 함수들(콜백 함수)이 이곳에 쌓인다.) 3. Heap Memory: 구조화 되지 않은 메모리 공간. 즉, 모든 콜 스택들이 빠지고 나...
multer를 사용해 이미지 업로드 Multer 모듈이란? Multersms Multypart/form-data 형식의 Request을 다루기 위한 Node.js 미들웨어이다. 아래의 커맨드를 실행하면 Multer의 인스톨과 package.json의 dependencies에 추가된다. 클라이언트에 응답이 잘 받아지는 것을 확인할 수 있다. ...
webpack SPA(단일 페이지 어플리케이션)이 많아지면서 하나의 파일에서 자바스크립트 코드를 관리할 수 없을 만큼 그 양이 증가하게 되었다. 그래서 파일을 UI 및 기능별로 분리하여 개발하고 webpack을 통해 하나의 js파일로 번들링하여 웹페이지를 불러오는 방식을 사용하게 되었다. webpack.config.js파일에 들어가면 entry p...
알고리즘 인프런 무료 강좌를 듣다가 시간 대비 너무 효율이 없는 것 같아(이 강좌는 발췌해서 필요한 부분을 들을 때 활용해야겠다) 동빈나 알고리즘 강의로 갈아 탔다. 핵심만 요약해서 스피드 하게 진행하는 점이 맘에 들었다. 게다가 단순히 지식전달만이아닌 함께 준비하거나 활용하면 좋은 방법까지 알려줘서 잘 따라가기만 해도 큰 도움이 될 것 같다. 코드...
공통헤더 요청과 응답에 모두 사용되는 헤더이다. Date HTTP 메시지가 만들어진 시각. 자동으로 만들어진다. image.png Content-Length 요청과 응답 메시지의 본문 크기를 바이트 단위로 표시해준다. 메시지 크기에 따라 자동으로 만들어진다. image.png Content-Type - Content-Type: t...
2019년 성인이 되자 고등학교때부터 기대해오던 미국 유학의 꿈을 접고, 유럽에서 3개월간 떠돌며 항상 술만먹는 한량 생활을 하다가 한국으로 돌아온 나는 내적으로 많은걸 느꼇다. 이제뭐하지? 경영,철학,물리학,영상,외국어,대학교로맨스 등등 하고싶은건 너무 많았지만 막상 제대로 맘먹고 해본적은 없었던것같다. 그렇게 몇주간 고민만하다 개발자라는 직업에 ...
자료구조 07. 이진 트리 이진 트리 개요 - 트리는 나무의 형태를 뒤집은 것과 같은 형태의 자료구조 - 각 노드간 연결고리를 가지라고 하며 최상단을 루트, 최하단을 리프라 함 image.png - 노드간 부모/자식 관계가 성립하며 같은 부모를 가진 노드들은 형제 노드라 함 image.png 트리의 길이, 깊이, 높이 -...
Linked List / 연결리스트 - linkedlist.gif 여러 노드들이 위 그림과 같이 한 방향을 가리키는 연결 구조이다. 가장 처음 시작하는 노드를 head라고 하며, 가장 마지막 노드를 tail이라고 한다. 노드 들은 본인의 이전 노드와 다음 노드를 기억한다. 예를 들어, 어떠한 작업을 했을 때, 이전 단계로 작업을 되돌리기 위해 단축키 ...
오늘 인스타 API 연결을 시도함 거의 한 6시간 반동안 삽질하다가 갑자기 됨..(뭔 일이 벌어진지..) Instagram api guide https://developers.facebook.com/docs/instagram-basic-display-api/guides/getting-profiles-and-media 문제 해결 방법 - 1. gi...
알고리즘 04. 기수 정렬 기수 정렬의 정의 - Radix Sort는 자릿수를 기준으로 차례대로 데이터를 정렬 - 각 자릿수를 기준으로 분류하여 가장 큰 자릿수가 D일 때 O(DN)의 시간 복잡도 기수 정렬의 과정 image.png image.png image.png 
TIL 2020.01.17(금) - - - 오늘 한것들 React - Hooks 연습.. - setState의 비동기 처리 이해 nomad kakaoclone 챌린지 - 12일차 끝! 영단어 외우기 - 30개 완료!
Big-O notation is a way of converting the overall steps of an algorithm into algebraic terms, then excluding lower order constants and coefficients that don’t have that big an impact on the overall c...
~ include iostream using namespace std; int arr101 = { 0, }; int visit101 = { 0, }; int height = 0, section_max = 0, n; int dx4] = { 0,0,1,-1 }; int dy[4] = { 1,-1,0,0 }; void dfs(int x, int y) { ...
https://www.acmicpc.net/problem/11403 ~ include iostream include cstring using namespace std; int arr101 = { 0, }; int visit101] = { 0, }; int n; //시작점에서부터 dfs로 지나가는 점 연결 void dfs(int now) { for (...
Hash Table이란? 해시테이블 출처 : 위키백과 - 해시테이블 해시 테이블(hash table) * 자료 구조 중 하나로, Key와 Value를 저장한다. * Key, Hash Function, Hash, Value로 구성된다. 를 얻게 된다. 해시충돌을 해결하는 방법은 크게 2가지가 있다. Separate Chaining 해시 충돌이 ...