profile
매일 조금씩 성장하고 있는 개발자입니다.
post-thumbnail

[모던 자바스크립트] 변수

변수(Variable)란? ➡️ 변수(Variable)는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름을 뜻합니다. 위의 예시에서 20+30 연산을 통해서 새로운 값인 50이 생성됩니다. 이 새롭게 생성된 값은

2021년 3월 26일
·
0개의 댓글
post-thumbnail

Git Flow 톺아보기

깃 플로우에 대해서 살펴보겠습니다. 기본적으로 깃 플로우 방식을 따릅니다. 각 개인의 develop 브랜치에서 기능(feature)별로 브랜치를 생성해 작업을 합니다. 우선 작업을 할 때 구현해야될 기능(feature)이 어떤 것이 있는지 정리하고 이를 바탕으로 기능(

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

React Design Pattern 🎨

➡️ 데이터 처리와 데이터 출력을 분리하는 패턴입니다. 컨테이너 컴포넌트에서는 주로 데이터 fetch가 이루어 지게 됩니다. Redux를 이용해 상태 관리를 하게 된다면 dispatch 를 예로 들 수 있습니다. 연관이 있는 서브 컴포넌트를 렌더링합니다.DOM Mark

2021년 3월 2일
·
20개의 댓글
post-thumbnail

CS 정리

프로세스: 현재 실행 중인 프로그램을 의미한다. (메모리에 올라와 있음)쓰레드: 프로세스 내에서 할당받은 자원을 이용해 동작하는 실행 단위code, data, heap 영역을 다른 쓰레드와 공유한다. ➡️ Context Switching이란 인터럽트를 발생시켜 CPU에

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

[자바스크립트 ES6+] map, filter, reduce

이번 시간에는 map, filter, reduce에 대해 알아보겠습니다. 상품 이름이나 가격만 따로 빼서 하는 로직을 작성map 함수를 직접 작성해보겠습니다. 이 map 함수를 이용해 products의 이름만 뽑아 보겠습니다. 이렇게 함수 부분에는 이름을 리턴해주는 함

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

Front-End 면접 질문 대비 Part5 (JavaScript 이벤트 루프, 비동기 처리)

이번 글에서는 자바스크립가 어떻게 동작을 하는지, 이벤트 루프 중심으로 살펴보겠습니다! 🧐 이벤트 루프 ➡️ 아래 그림을 통해 전체적인 자바스크립트 동작원리를 파악할 수 있습니다. 출처: https://blog.sessionstack.com/how-does-j

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

Apollo Client 맛 보기

Apollo Client는 GrpahQL API를 호출하기 위해 사용되는 라이브러리입니다. 이번 시간에는 간략하게 React에서 Apollo Client에 대해 살펴보겠습니다.Apollo 공식문서를 바탕으로 합니다.➡️ 리액트 앱에서 apollo client를 사용하기

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

[마스터링 이더리움] chapter 14. 합의

➡️ 블록체인의 맥락에서 합의는 탈중앙화를 유지하면서 공통의 상태에 도달할 수 있는 것에 관한 것입니다.즉, 합의는 통제자가 없는 엄격한 규칙 체계를 만들기 위한 것이라고 할 수 있습니다. ➡️ 작업증명(PoW)는 하나의 합의 알고리즘입니다. 채굴의 목적은 가능한 많은

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

[마스터링 이더리움] chapter 13. 이더리움 가상 머신

EVM은 스마트 컨프랙트 배포 및 실행을 처리하는 이더리움의 일부입니다. 이더리움 블록체인에서 실행되는 EVM은 자체 영구 데이터 저장소가 있는 수백만 개의 실행 가능 객체를 가진 전 세계의 탈중앙화된 컴퓨터입니다.EVM은 메모리 내의 모든 값을 스택에 저장하는 스택

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

[자바스크립트 ES6+] 제너레이터와 이터레이터 (+Redux-Saga)

오늘은 제너레이터와 이터레이터에 대해서 알아보겠습니다!➡️ 제너레이터는 이터레이터이자 이터러블을 생성하는 함수입니다. (이터레이터를 리턴)일반 함수는 최대 하나의 값만을 반환하지만 제너레이터(generator)를 사용하면 여러 개의 값을 필요에 따라서 하나씩 반환(yi

2021년 1월 31일
·
0개의 댓글
post-thumbnail

[자바스크립트 ES6+] ES6에서의 순회와 이터러블

이번 시간에는 순회와 이터러블에 대해서 공부해보겠습니다. 📕마무리

2021년 1월 30일
·
0개의 댓글
post-thumbnail

[자바스크립트 ES6+] 함수형 자바스크립트 기본기

함수형 프로그래밍과 자바스크립트 ES6+ 내용에 대해서 글을 연재해 나가고자 합니다. 1. 평가와 일급 평가 코드가 계산(Evaluation)되어 값을 만드는 것을 의미합니다. 일급 값으로 다룰 수 있다. 변수에 담을 수도 있다. 함수의 인자로 사용될 수 있

2021년 1월 30일
·
0개의 댓글
post-thumbnail

[마스터링 이더리움] chapter 10. 토큰

이번 시간에는 토큰에 대해서 살펴보겠습니다. 토큰은 어떻게 사용되는가? ➡ 토큰의 가장 분명한 사용처는 디지털 개인 화폐입니다. 아래 목록에서 확인할 수 있듯이 다양한 기능을 제공합니다. 화폐(currency): 토큰은 사적인 트레이딩으로 가치가 결정되는 화폐의

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

카카오 맵과 네이버 맵 api 사용해보기 🗺

목적: 현재 사용자 위치를 기반으로 주변에 있는 주유소와 정비소 위치를 보여주도록 한다. ➡️ 기본적으로 카카오와 네이버 지도의 공공 api는 형태가 매우 유사하다. 네이버 지도네이버 지도는 먼저 네이버 검색 api 에서 지역 검색을 한 뒤 나온 좌표를 맵 api 와

2021년 1월 28일
·
2개의 댓글

MobX 톺아보기 🧐

obsevables을 기반으로 계산된 값, 정보를 뜻한다. Lazily 하게 evaluate 하는데 obsevables 가 변경되었을때만 계산을 진행한다. Computed Value는 getter 로 지정해서 표현할 수 있다. Example)➡️ 예시와 같이 get을

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

9. 가상 메모리의 관리

오늘은 가상 메모리의 관리에 대해서 알아보겠습니다.➡️ 가상 메모리가 효율적으로 운영되기 위해서는 사상에 걸리는 시간을 최소화해야 하는데 TLB 같은 추가 하드웨어를 사용할 수 있습니다. 즉, 추가적인 비용을 들여 필요한 하드웨어를 장착하여 활용하는 것입니다.➡️ 실행

2021년 1월 24일
·
0개의 댓글
post-thumbnail

8. 가상 메모리

안녕하세요.운영체제 시리즈를 이어서 진행하겠습니다.이번 시간의 주제는 가상 메모리입니다.우선 페이지(Page)와 세그먼트(Segement)가 무엇인지 알아야 합니다.모든 프로그램은 작은 조각들로 나눠지게 됩니다.📢 조각들의 크기를 모두 같도록 하면 한 조각을 페이지(

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

MobX 공식 문서 톺아보기

➡️ MobX는 3가지 개념으로 나눌 수 있다. State Actions - state를 변화 시키는 것Derivations(Computed Values) - state로 부터 계산된 값imgobservable 을 지정함으로써 값의 변화를 감지할 수 있다. makeOb

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

프론트 엔드 정리 2

useContext 라는 hook으로 제공이 된다.역할 : 리액트에서 데이터는 top-down 형태로 흐른다. => 이를 제어해준다. 데이터를 최상위에서 관리하고 밑에서도 바로 관리할 수 있게 한다.➡️ 결론 : Redux를 사용하면 최적화되 상태관리를 할 수 있다.

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

프론트 엔드 정리

평소에 부족했던 리액트 관련 개념과 모벡스에 대한 개념을 정리합니다. (+브라우저 관련 내용 추가)➡️ 리액트에서 DOM을 직접적으로 제어해야 될 경우가 생긴다. Animation 제어를 해야할 때DOM API를 호출 해야할 때(focus, text, media)외부

2021년 1월 19일
·
1개의 댓글