profile
꾸준함의 힘

git

https://jeonghwan-kim.github.io/dev/2020/02/10/git-usage.html

2020년 5월 15일
·
0개의 댓글

docker 명령어

http://jmlim.github.io/docker/2019/02/24/docker-command/https://velog.io/@conatuseus/2019-12-06-0012-%EC%9E%91%EC%84%B1%EB%90%A8-u3k3svyfa8

2020년 5월 15일
·
0개의 댓글

[web] LocalStorage, SessionStorage, Cookie의 차이점

WEB STORAGE HTML5 에는 웹의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어 있다. Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다. 그리고 영구저장소(LocalStorage)와 임시저장소(SessionStorage)를 따로 두어 데이터의 ...

2020년 2월 6일
·
0개의 댓글

[DS] Linked List

Linked List Linked list는 각 노드가 데이터와 포인터를 가지고 한 줄로 연결되어 있는 방식으로 데이터를 저장하는 자료 구조이다. 노드(node): 데이터를 담고 있는 그릇. 주로 class로 구현되므로 class라고 생각해도 관계 없다. 링크(link): 리스트의 순서를 유지할 수 있게 해주는 연결고리. image.png Doubl...

2020년 2월 5일
·
0개의 댓글

[mind] Comeback from burnout!!

나름 기술 블로그인데 이런 일기 같은걸 여기 써도 되나 고민했지만, 뭐 개발도 사람이 하는 거고 마인드도 중요한 요소라고 보니까. 걍 쓴다. 3개월동안 체력적, 정신적 한계점에서 계속 코딩을 하면서 엄청 지쳤었던 것 같다. 어마어마한 정보의 홍수. 넘치는 배울 것들. 미미하다 못해 우주의 먼지처럼 보이지도 않는 것 같은 나의 수준. 도대체 어디부터 손대야...

2020년 1월 29일
·
0개의 댓글

React.js vs Vue.js

Vue의 장점 Template 과 Render Function 을 모두 사용할 수 있는 옵션 간편한 Syntax 와 프로젝트 설정 빠른 렌더링과 더 작은 용량 React의 장점 큰 규모에서 더 빛을 발하고, 테스팅이 수월 Web 과 Native 앱 개발에 모두 사용 가능 더 큰 개발자 생태계에서 오는 많은 레퍼런스와 도구들 공통 장점 Virtual...

2020년 1월 29일
·
0개의 댓글

[web] Http 통신방식 vs Socket 통신방식

일반적으로 웹에서 필요로 하는 데이터들은 서버에서 관리한다. 네트워크를 통해 서버로부터 데이터를 가져오기 위한 통신 방식은 크게 http통신과 socket통신 2가지가 있다. 1. http통신 client의 요청(Request)이 있을 때만 서버가 응답(response)하여 해당 정보를 전송하고 곧바로 연결을 종료하는 방식이다. 이는 단방향적 통신으로 ...

2020년 1월 28일
·
0개의 댓글

[Library] axios -fetch와의 비교

axios. fetch 함수를 대신할 수 있다는 것은 알고 있었고 기업협업 때 실제로 사용도 해보았지만 왜 써야하는지는 잘 모르고 있었다. fetch보다 나은점이 뭐냐는 질문에 말문이 턱 막혔다. 가져다 쓰는데만 급급해서 왜 쓰는지 모르는 것들이 태반이다. 차근히 하나하나 정리해야겠다. axios? axios는 HTTP통신을 하는데 매우 인기있는 jav...

2020년 1월 22일
·
0개의 댓글

[web] http 기초

HTTP? HyperText Transfer Protocol의 약자이다. 웹상에서 네트워크로 서버끼리 통신을 할때 어떠한 형식으로 하자고 규정해 놓은 통신의 형식 혹은 구조이다. 클라이언트 - 프론트엔드 서버 혹은 프론트엔드 서버 - 백엔드 서버간의 통신에 사용된다. TCP/IP 기반으로 되어있다. HTTP 핵심 요소 HTTP 통신 방식 요청(reques...

2020년 1월 14일
·
0개의 댓글

[JS] array method

Array.isArray(obj) arr.forEach(callback) - Immutable arguments: element의 길이만큼 반복하는 function(현재 element, 현재 index, 배열 그 자체). return: 없음. element마다 함수를 반복 실행. callback? argument로 넘겨주는 함수. 이 함수를 param...

2019년 12월 13일
·
0개의 댓글

[CS] linked-list

linked-list란? linked-list란 data elements의 순서가 있는 조합을 말한다. 각 데이터 요소들은 linked list에서는 node로 불린다. 각각의 node들은 두 파트를 포함한다. data와 다음 node에 대한 pointer가 그것이다. array와의 차이점 array가 실제 메모리에서 연속적으로 위치하는데에 비해 li...

2019년 12월 13일
·
0개의 댓글

논리연산자

논리연산자. 언어논리 할 때부터 맨날 하던건데 자꾸 헷갈린다. 문맥 속에서 읽고, 기다 아니다만 따지는 게 아니고 내가 직접 코드를 쳐야하니까 그런 것 같다. 논리 연산자는 보통 Boolean값과 함께 쓰이며, 불리언 값을 반환한다. 그런데, &&과 || 연산자는 사실 피연산자 중 하나의 값을 반환한다.(꼭 boolean만 반환하는게 아니라고!) 그러므로...

2019년 12월 5일
·
0개의 댓글

[CSS] background property

CSS 작성시 엄청 자주 쓰이는데 은근 매번 헷갈려서 찾아보게 되는 background property. 내가 쓸 때 편하려고, 정리하고 간다! background-color: transparent | color | initial | inherit 배경의 색. border와 padding을 포함한 영역을 칠함. margin 영역은 칠하지 않음. 기본값 ...

2019년 12월 3일
·
0개의 댓글

[CSS] less, 너는 뭐가 다른거야?!

그동안 프로젝트를 진행하며 CSS, SASS, styled component까지 차례로 사용했었는데 이번 기업협업 프로젝트에서는 LESS를 사용한다고 하셨다. 처음 들어봤네 LESS... 이름을 보아하니 SASS 친구인거 같긴 한데... 써야하니 좀 알아보고 가겠다 LESS!! LESS란? LESS는 CSS에 Script의 능력(변수, 함수, 연산, 중첩...

2019년 12월 2일
·
0개의 댓글

[React] redux

기업협업을 나가게 된 후 팀장님이 실제 기업에서 리액트를 사용할 때 필수적이라고 하셨던 리덕스. 쉽지 않을 거라는 경고는 받고 시작했지만, 역시나 만만치가 않다. image.png 생활코딩에 나온 이 그림이 리덕스를 한눈에 가장 잘 알아보게 해주는 그림이 아닐까 싶다. 리덕스를 사용하며 꼭 필요한 함수와 흐름들이 한눈에 볼 수 있도록 잘 나와있다. ...

2019년 12월 1일
·
0개의 댓글

[JS핵심개념33] 1. call stack

결국 프론트엔드 개발자가 궁극적으로 파야할 것은 자바스크립트라는 말은 전부터 계속 들어왔지만 리액트에 신경쓰며 페이지 구현에 급급하다 보니 자바스크립트를 파는건 뒤로 자꾸만 미뤄졌다. 속깊은 자바스크립트 책도 사서 읽어봤는데 너무 어려웠고. 그렇게 자바스크립트는 돌덩이처럼 나한테 턱하니 얹혀져만 있었다. 그래서 노마드 코더 유튜브 채널을 둘러보다 발견한 자...

2019년 12월 1일
·
0개의 댓글

[node.js]윈도우에서 nvm 설치

nvm: node.js 버전이 다른 개발환경에서 필요시 version을 변경하기 위해 NVM(Node Version Manager)을 설치 제어판에서 기존 node.js 제거 최신버전의 NVM을 설치 (setup으로 설치) 다운로드 : https://github.com/coreybutler/nvm-windows/releases window + r -> c...

2019년 11월 26일
·
0개의 댓글

[JS핵심개념33] 26. async / await

async / await란? asnyc/await 는 비동기 코드를 작성하는 새로운 방법이다. async/await는 promise처럼 non-blocking 이다. 비동기 코드의 겉모습과 동작을 좀 더 동기 코드와 유사하게 만들어준다는 것이 가장 큰 장점이다. async / await을 이용한 비동기요청 처리 await는 async 안에서만 사용 가...

2019년 11월 24일
·
0개의 댓글

[JS핵심개념33] 25. Promises

프로미스란? 자바스크립트는 비동기 처리를 위한 하나의 패턴으로 콜백 함수를 사용한다. 하지만 전통적인 콜백 패턴은 일단 가독성이 나쁘다. 또한 비동기 처리 중 발생한 에러의 예외 처리가 곤란하며 여러 개의 비동기 처리 로직을 한꺼번에 처리하는 데에도 한계가 있다. 그리하여 ES6에서 비동기 처리를 위한 또 다른 패턴으로 Promise를 도입하였다. Prom...

2019년 11월 24일
·
0개의 댓글

[JS] 프론트와 백의 대화, Using Fetch

1, 2차 프로젝트를 진행하며 힘들었던 것 중 하나가 fetch 함수 사용이었다. 새로 배우는 용어들과 매일매일 낯을 가렸지만 얘와는 유난히 낯을 많이 가렸던 것 같다. 이제는 눈에 좀 익었지만 처음엔 진짜 외계어 같았다. 못생긴놈.... 이건 다 니가 못생겨서야.... 백에 데이터를 주는것도 받아오는 것도 이 못생긴놈이 없으면 불가능했다. 아직도 다 알고...

2019년 11월 17일
·
0개의 댓글