profile
Frontend Developer
post-thumbnail

2019년 스스로를 되돌아보며..

올해의 내 이야기 취업으로 시작해서 취업으로 끝난 한 해. 어느 순간부터 항상 취업을 하기 위한 개발을 해서 재미가 없었던 한 해. 좀 더 단순하게 개발을 했으면 좋았을 한 해. 스스로 너무나 긴장되고, 무서웠고, 항상 가슴에 초조함이 가득했지만, 막상 한 해가 끝나가니 자신의 시야가 얼마나 좁았는지를 깨달은 그런 한 해. 취업 준비 그리고 입사 ...

2019년 12월 24일
·
4개의 댓글

[번역] - Component-Driven Development

이 글은 스토리 북 공식 문서에서 링크 된 Component-Driven Development의 포스팅을 번역 및 의역한 글입니다. 더 나은 방법으로 컴포넌트를 만드는 방법: 작은 것부터 점점 크게 image.png 최근 몇 년 동안 웹(web)에서의 프론트엔드 유저 인터페이스(UI) 개발의 가장 큰 트렌드는 컴포넌트에 대한 것이었습니다. Reac...

2019년 8월 25일
·
0개의 댓글
post-thumbnail

Getting Started Go!!!!!

이 글은 제가 Go를 학습한 내용을 정리한 글 입니다. Go를 학습한 레퍼런스는 이곳에서 확인하실 수 있습니다. What is go? > Go is an open source programming language that makes it easy to build simple, reliable, and efficient software. Go는 구글에서 ...

2019년 8월 11일
·
3개의 댓글
post-thumbnail

유용한 Git 도구들

이번주에 스터디에서 유용한 Git의 명령어들에 대해 발표를 하게 되었는데 정말 좋은 기능들이 있어 많은 사람들과 공유하고 싶어 글을 쓰게 되었습니다. Content 이 포스트의 내용은 Pro git 책의 Chapter 7 Git Tools 내용의 일부입니다. 혹시 더 자세한 내용을 원하신다면 링크를 들어가 보시는 것을 추천드립니다. Git 이란? ...

2019년 7월 14일
·
5개의 댓글
post-thumbnail

내맘대로 리액트 A to Z - 1

서문 최근 아시는 분들과 프론트 개발에 대해 이야기를 나누다가 이런 이야기를 하였습니다. > 너 CRA 없이 React 프로젝트 셋팅은 할 수 있냐? 곰곰이 생각해보니 React를 배울 때 부터 Create-React-App 을 사용한 개발만 해왔기에 CRA 없이 한번도 React 프로젝트 셋팅을 해보지 않은 사실을 알고 부끄러움을 느꼈습니다. 대...

2019년 6월 16일
·
5개의 댓글
post-thumbnail

How the V8 engine works?

들어가기전에... 이 글은 Thibault Laurens의 글 How the V8 engine works? 를 번역한 글입니다. 글에서 오역이나 의역이 있을 수 있습니다. 틀린 부분이 있다면 지적해주시면 확인 후 바로 정정하겠습니다. How the V8 engine works? V8은 독일의 Google development center 에서 만들어진...

2019년 4월 28일
·
2개의 댓글
post-thumbnail

Node.js 에서 웹 크롤링하기

이번에 회사에 입사를 하게 되면서 사내 토이 프로젝트로 뉴스 게시판을 만들기로 하였습니다. 그에 따른 준비로 뉴스 데이터를 가지고 올 웹 크롤러를 Node 기반으로 만들었는데 이 경험을 공유하고자 합니다. 📚 목차 크롤링(Crawling)이란? 필요한 Library Examples 참고한 블로그들 1. 크롤링(Crawling)이란? > Web sc...

2019년 4월 14일
·
3개의 댓글
post-thumbnail

JavaScript Collections

Collections 프로그래밍 언어에서 Collection 이란 단어는 '프로그래밍 언어가 제공하는 값을 담을 수 있는 컨테이너' 라고 생각합니다. 메이저 프로그래밍 언어에는 여러가지 데이터 컬렉션들이 존재합니다. Python - list, tuple, dictionaries ... Java - ArrayList, HashMap, HashSet, Q...

2019년 3월 10일
·
1개의 댓글
post-thumbnail

TypeScript with React + Redux 사용하기

서론 최근 취업을 위해 서류를 제출하면서 우대 사항에 TypeScript 에 대한 경험이 많이 적혀있는 것을 보고 공부를 해야겠다 생각하였습니다. 그래서 TypeScript React를 구글링을 하였는데... image.png > ~벨로퍼트님... 그는 React의 신인가?..~ > 벨로퍼트님의 블로그 === React의 라프텔 // True 트루 참트...

2019년 2월 24일
·
11개의 댓글
post-thumbnail

(번역) 9 Tricks for Kickass JavaScript Developers in 2019

들어가며 이 글은 미디움에 있는 9 Tricks for Kickass JavaScript Developers in 2019 라는 포스팅을 원작자의 허락을 받아 번역한 글입니다. 처음하는 번역이라 많은 의역과 오역이 있을 수 있습니다. 혹시 틀린 부분이 있으면 댓글로 피드백을 해주시면 정말 감사하겠습니다. 새해가 시작되었고, JavaScript는 여전히...

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

Hello Coding 그림으로 개념을 이해하는 알고리즘 - 1장 요약

알고리즘이란? 어떤 일을 하기 위한 명령의 집합 알고리즘 학습 시 중요한 것은 각 알고리즘들의 차이점을 이해하는 것. 병렬 정렬 vs 퀵 정렬 배열 vs 리스트 이진탐색 입력: 정렬된 리스트 출력: 리스트에 원하는 원소가 있으면 원소의 위치 반환 or null 반환 이진 탐색의 쉬운 예제 1 ~ 100 중 원하는 숫자를 찾을 때 1, 2, 3, .....

2018년 12월 9일
·
0개의 댓글
post-thumbnail

TypeScript Basic Summary

How to start typescript? yarn init yarn add typescript yarn tsc --init // create tsconfig.json if you don't exist "compilerOptions", "include", "exclude" in tsconfig.json, you add below code also, y...

2018년 12월 2일
·
1개의 댓글
post-thumbnail

JSONP란?

이 글을 작성하게 된 이유 코드스피츠 스터디의 2회차 강의를 복습하던 중 수업 예제에서 발생한 에러를 해결하다가 공부하게된 내용을 정리하게되었습니다. JSONP란? JSONP란 CORS가 활성화 되기 이전의 데이터 요청 방법으로, 다른 도메인으로부터 데이터를 가져오기 위해 사용하는 방법입니다. 자바스크립트는 서로 다른 도메인에 대한 요청을 보안상 제한하...

2018년 11월 25일
·
1개의 댓글
post-thumbnail

My Weekly Keywords #1

What have I been interested in this week? 2018.11.11 ~ 2018.11.18 > 이번 주에 관심 있었던 키워드를 정리하는 글입니다. 일주일 동안의 개발에 관련된 공부나 생각들의 키워드를 요약해놓고 앞으로 포스팅의 주제로 쓸려고 합니다. 😁 Keywords Redux - 리액트를 다루는 기술 OOP - 코드...

2018년 11월 18일
·
0개의 댓글
post-thumbnail

JavaScript Testing Tool - Jest

🐣 What is the Jest? Jest란 페이스북에서 사용되는 리액트 애플리케이션을 포함한 모든 자바스크립트 테스트 도구입니다. Jest의 철학 중 하나는 "Zero-configuration", 설정 없는 테스트 환경을 제공하는 것입니다. 이들은 개발자에게 사용 준비가 된 도구가 주어질 때, 개발자가 보다 많은 test를 작성한다고 말합니다. 그...

2018년 11월 11일
·
8개의 댓글

Iterator & Generator

🐓 Weekly I Learned [bsidesoft] Generator #1 코드스피츠 77 - ES6+ 기초편 3회차 Iterable protocol 🦏 What is the Iterator **In JavaScript an iterator is an object which defines a sequence and potentially a r...

2018년 11월 4일
·
1개의 댓글

꼬리 물기 최적화(Tail Call Optimization)란?

![](https://mbtskoudsalg.com/images/ouroboros-transparent-1.png) 😺 들어가기 앞서... 이 글을 쓰게 된 계기는 코드스피츠 3rd-3 ES6+ 함수와 OOP 2회차 강의 영상을 보고 관련된 내용을 조사해서

2018년 10월 28일
·
1개의 댓글

BEM( Block, Element, Modifier) Quick start

들어가며 👀 이 글은 BEM Quick Start 를 읽고 공부한 내용을 복습하기 위해 번역을 했으며, 내용이 요약된 게 있을 수 있습니다. 🐶 BEM 소개 BEM이란 Block, Element, Modifier의 첫 글자만 가져와 이름 지은 Component 기반의 웹 개발 접근법 중 하나 입니다. 이 방법론은 유저 인터페이스를 독립된 여러...

2018년 10월 21일
·
1개의 댓글
post-thumbnail

이벤트 위임(Event Delegation)의 구현

이 글을 쓰는 목적 최근 바닐라 스크립트로 개발을 하던 중 동적 엘리먼트의 이벤트 처리 부분을 엘리먼트 생성 시 각 버튼 이벤트를 추가했었는데, 스터디를 같이하는 개발자분께서 이런 동적 엘리먼트는 이벤트 위임 방식으로 구현할 수도 있다고 말씀하셨다. 평소에 이벤트 위임 패턴에 대해 지식으로만 알고 있었지만 실제로 구현해서 적용하지 않다 보니 어떻게 적용해...

2018년 10월 13일
·
1개의 댓글