profile
예술을 사랑하는 개발자
post-thumbnail

Node.js - Event Loop (이벤트 루프)

처음 Javascript를 공부하게 되면 var, let, const 부터 시작해서 문자열, 객체, 클래스, 화살표함수 등을 배우기 시작하는 경우가 많은 것 같다. 나의 경우 또한 그랬다. 우선은 코드를 쳐보면서 내 눈 앞에서 무언가가 만들어지는 것이 신기했고, 그런

2021년 6월 23일
·
0개의 댓글
post-thumbnail

Node.js로 서버를 만들 때 특징적인 점은?

서버를 만드는 방식은 크게 두 가지로 구분 될 수 있다.바로 전통적인 서버 동작 방식과 Node.js를 통해서 만든 서버동작 방식 이렇게 두 가지를 구분해보려고 한다.우선 전통적인 서버 동작 방식 즉, Traditional Server 방식을 보자!서버는 한 서버 내에

2021년 6월 20일
·
0개의 댓글
post-thumbnail

#1 Node.js 학습하기에 앞서

일을 하다보니 백단에서 어떤 일을 하는지 몰라서 프론트단에서 이걸 어떻게 처리해야하나 고민했던 적이 있었다. 그래서 백엔드 개발자에게 해결방법에 대한 조언을 요청하니 이건 백엔드에서 혹은 기획단계에서 맞출 수 있는 부분인데 고민 자체는 괜찮지만, 그걸로 너무 시간을 허

2021년 6월 19일
·
0개의 댓글
post-thumbnail

두 번째 고비 : 팁 계산기 만들기

하나씩 문제를 해결해나가기 위한 제일 첫 걸음! 가장 처음에 나와 있는 팁 계산기를 만들어보았다. 한창 React를 사용하다보니 Javascript가 전체적으로 가물가물해졌다. 이게 라이브러리에 종속되는 개발자가 되는 길인가... 싶은 생각이 들었다. 그래서 Javas

2021년 6월 18일
·
0개의 댓글
post-thumbnail

첫 번째 고비 : 백엔드를 모른다

어찌됐든 회사에서 어떤 프로젝트를 실시하게 되었다면 최소한 그 프로젝트에 관한 것은 이해를 하고 싶다는 생각을 했다.그러기 위해서 하나하나를 모두 내 것으로 만들어야 할 것이며 이를 위해 기록을 해두려고 한다.나읜 처음은 "어찌됐든 구현해보자!" 였다.혼자 공부를 했다

2021년 6월 17일
·
0개의 댓글
post-thumbnail

나는 어떤 개발자가 되고 싶은가

처음 개발자가 되고 싶다라는 생각을 한 후, 나의 가장 큰 고민은 바로 그렇다면 "지금 당장 무엇을 해야할까" 였다.학원 다닐만큼 돈도 없고, 다른 직종의 일을 병행하면서 공부를 했어야 했는데, 그러다보니 지금 당장 무엇을 먼저 해야하고, 어떤 기술들을 익혀놔야 앞으로

2021년 6월 14일
·
0개의 댓글
post-thumbnail

[React] useState hook 사용법

리액트 훅을 사용하는 분들은 비교적 당연하게 useState를 사용하고 있을 것이다.component를 나눠서 function을 이용하여 만드는 경우를 많이 볼 수 있다.하지만 이는 몇 년전, 리액트 버전 16.8 이전까지만 해도 function component 안에

2021년 5월 19일
·
0개의 댓글
post-thumbnail

[ React ] 이미지 사용하기

Javascript의 경우에는 이미지를 넣는데 그리 어려움을 겪는 경우를 크게 보지 못한 것 같다. 그런데 React를 처음 시작하는 분들, 혹은 BackEnd를 하다가 React를 함께 조금 건들여보고 싶은 분들 중에서 이미지를 불러오는데 애를 먹는 경우를 본 경우가

2021년 5월 18일
·
0개의 댓글
post-thumbnail

[React] export VS export default

CRA 방식으로 리액트를 사용해보면 기본적으로 export default가 되어있는 많은 파일들을 볼 수 있다.그런데 또 styled-components 방식으로 스타일링을 해보면 단순히 export만 하게 되는 경우 또한 볼 수 있다.그러면 export와 export

2021년 5월 12일
·
0개의 댓글
post-thumbnail

target / currentTarget

Javascript 그리고 React를 사용하다보면 어떤 곳을 클릭해야하는 일이 생기며, 이 클릭한 요소를 가져오는 방법이 필요하다.이 때 사용하는 것이 바로 e.target.value 혹은 e.currentTarget.value 이다.그런데 이 둘은 어떻게 다른 것일

2021년 5월 11일
·
0개의 댓글
post-thumbnail

브라우저에 랜더링 되는 과정은 어떻게 될까?

랜더링 되는 과정을 보면 이전까지는 단순히 naver.com 혹은 google.com 이라고 검색하던 것에서 조금 더 깊이 있는 '생각'을 할 수 있다.그렇다면 브라우저 렌더링은 어떻게 이루어지게 될까?브라우저가 렌더링 되기 위해서는 우선 요청을 해야한다.아무리 준비가

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

토이프로젝트 협업을 진행해 보면서

최근 부쩍 바빠진 이유가 일은 일대로 하면서 이직 준비와 토이 프로젝트 두 가지를 실시하고 있어서이다.불평을 하는 것은 아니다.단지 조금 더 시간을 어디에 쏟아야할지 고민을 하고 있기 때문이다.처음에는 당연히 이직이 먼저라고 생각이 되어서 우리나라 전통의 방식(?) 대

2021년 5월 2일
·
0개의 댓글
post-thumbnail

Javascript-17 (HTML position and size)

특히 인터랙티브한 이미지 구현을 원하는 분들이라면 꼭 봐야하는 것이 스크롤을 다루는 것이라고 생각한다.사실 매번 찾아봐도 나쁠건 없지만 작업속도 등을 고려하면 기본적인 것은 미리 익혀두는 것이 좋을 것 같다.읽기 전용 메소드요소의 border, scrollbar, ma

2021년 4월 29일
·
0개의 댓글
post-thumbnail

Javascript-16 (splice, slice, find, filter)

저번 시간에 이어서 배열에서 사용되어지는 API들에 대해서 알아보려고 한다.배열에서 어디에서부터 어디까지를 지울지 정하면 삭제해주는 api라고 할 수 있다.이처럼 splice를 하고 나면 원래 array에도 영향을 받게 된다.즉, splice는 새로운 배열을 만드는 것

2021년 4월 27일
·
0개의 댓글
post-thumbnail

Javascript-15 (join, split, reverse)

아무래도 Array(배열)를 쪼개고, 비틀고 만져야하는 경우가 많이 있기 때문에 Array에서 사용 할 수 있는 몇 가지 API들을 알아보려고 한다.join은 Array를 벗긴 상태의 string으로 만들어준다.이렇게 해주게 되면 결과 값이라고 Array를 벗긴 상태로

2021년 4월 25일
·
0개의 댓글
post-thumbnail

브라우저 저장소 ( Local, Session, Cookies)

우선 각각에 대해서 알아보도록 하자!window.localStorage에 위치하고 있다string, boolean, number, null, undefined 모두 저장 가능 하지만, 문자열로 변환된다object 생성자 형으로 저장되어 한번에 통째로 저장하려면 JSON

2021년 4월 22일
·
0개의 댓글
post-thumbnail

HTTP vs HTTPS

CS의 기초를 공부하려다보면 항상 먼저 볼 수 있는 것이 이런 HTTP와 관련 된 것이다.단순히 코딩만 할 것이 아니라 어떻게 작동하는지 이해하는 것의 중요성을 느끼고 있다.기초 상식을 다루는 많은 책에서 주로 Hosting, Domain, DNS와 함께 Http를 다

2021년 4월 21일
·
0개의 댓글
post-thumbnail

객체지향 프로그래밍 VS 절차적 프로그래밍

처음에는 코딩만 계속해서 공부했지만, 점점 단순히 코딩만 공부를 할 것이 아니라 CS를 '필요로' 해지는 것 같다.'내가 CS를 잘 알고 있다면 조금 더 구현하기가 쉬울까?''얘는 도대체 어떤 원리로 작동하는 것일까?'여러가지로 궁금해지는데, 어디서부터 CS를 봐야하나

2021년 4월 21일
·
0개의 댓글
post-thumbnail

Javascript-14 (forEach, map, filter, reduce)

오늘은 Javascript는 물론 React에서도 자주 사용하게 되는 몇 API에 대해서 정리를 해보려고 한다.React를 사용하다보면 유독 자주 사용하게 되는 몇몇이 있는데 오늘 정리할 이 API들만 조금 알아도 도움이 된다.반복문을 돌려주는 것! 이런 배열이 있다고

2021년 4월 20일
·
0개의 댓글
post-thumbnail

Javascript-13 (call, apply, bind)

Javascript를 사용하다보면 어김 없이 볼 수 있는 것이 바로 this 라는 것이다.다음에 this에 대해서 조금 더 자세하게 다뤄보겠지만, 우선 this를 바인딩 하는 방법인 call, apply, bind에 대해서 정리해보자!Javascript에서 call,

2021년 4월 19일
·
0개의 댓글