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

[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

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

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개의 댓글
post-thumbnail

Typescript-2 (Basic types)

조금 베이직한 기본타입에 대한 정리를 먼저 해보고 진행해보려고 한다.바로 원시타입과 오브젝트 타입에 관한 것이다.Typescript에 대한 이미지를 찾아보셨던 분들이라면 이런 것을 많이 보셨을 것이다.즉, typescript는 자바스크립트를 내포하고 있는 것이다.그러니

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

Typescript-1 (install)

요즘 많은 회사에서 Typescript를 사용하고 있다.왜 typescript를 사용해야할까?나도 처음에는 Javascript로 괜찮지 않을까? 라는 생각을 했다.하지만 공부를 하다보니 이걸로 만들어보면 오류를 훨씬 줄일 수 있을 것이라는 생각이 들었다.써보면 알겠지만

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

Javascript-12 (async, await)

저번 시간에 이어서 시간과의 싸움!!오늘은 바로 async, await에 대한 정리를 해보려고 한다.내가 어려웠던 부분은 왜 await이라는 부분이 필요한가였다.뭔가 await을 꼭 해야하나... 꼭 기다려야하는건가? 라는 생각이 들었는데 꽤나 중요했고, 항상 그렇듯

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

Javascript-11 (setTimeout / setInterval)

아마 내가 익힌 베이직 중에 가장 쉽게 익히고, 또 많이 사용 되는 것 중 하나인 것 같다!: 일정 시간이 지난 후에 함수를 실행 시키는 것setTimeout(함수, 시간, 인수) 순서로 작성인수가 필요하다면 시간 뒤에 작성한다setTimeout은 time을 반환하는데

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

Javascript-10 (OOP 객체지향 프로그래밍)

OOP라는 이야기를 너무 많이 듣게 되어서 공부를 조금 해보았고 정리를 해두려고 한다.OOP라는 것은 Object Oriented Programming의 약자이며 객체지향 프로그래밍을 말한다.이는 프로그래밍을 하는 여러가지 스타일 중 하나이다.객체지향? 그렇다면 객체가

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

Javascript-10 (클로저 Closure)

클로저(Closure)를 알고 싶은데 정말 보는것마다 너무 헷갈렸다.클로저에 대해 찾아본 강의와 책만 해도 몇 개나 되었는데, 물론 그 정도 찾아보면 조금은 알 수있다.그럼에도 설명할 수 있을만큼은 뭔가 완벽하게 아는것은 아닌 것 같았다.하지만 시간을 두고 다른 공부를

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

Javascript-9 (Rest parameters, Spread syntax)

전개구문이라고 불리는 Spread syntax 역시 공부를 하다보면 참 많이 볼 수 있다.처음에는 저 점점점이 뭐지? 라는 생각만 들었는데, 알고나니 보인다.어떻게 활용할 수 있는지도 함께 알아보자!함수에 넘겨주는 인수의 갯수는 제약이 없다 ⇒ function sho

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

Javascript-8 (Rest parameters, Spread syntax)

함수에 넘겨주는 인수의 갯수는 제약이 없다갯수를 정하고 만들어도 갯수를 굳이 맞출 필요는 없다 ※ 함수의 인수를 얻는 방법은 두 가지!'arguments' 에 대해서!! (과거 추세 ⇒ 요즘x , arrow function에는 없다)함수로 넘어 온 모든 인수에 접근

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