지금 뜨고 있는 포스트

JavaScript 엔진 톺아보기 (1)
godori

JavaScript 엔진 톺아보기 (1)

2018년 11월 25일7개의 댓글
이 포스트의 내용은 구글의 V8엔진 엔지니어인 Benedikt Meurer와 Mathias Bynens 의 JavaScript Engines: The Good Parts 세션을 기반으로 작성하였습니다. 자바스크립트를 사용하면서, 그리고 내부적으로 V8 엔진을 사용하는 Electron이나 Node.js을 사용하여 개발하면서 그 근본이 되는 엔진이 어...
Dan Abramov - 왜 super(props) 를 명시해 줘야 하는가?
honeysuckle
hooks가 최근에 핫하다고 들었다. 아이러니하지만 class 컴포넌트에 재밌는 사실을 설명하기 위해 블로그를 시작한다. 리액트를 더 잘 사용하기 위해서 이것을 아는것은 중요하지 않지만, 어떻게 동작하는지 깊이있게 파고드는 것을 좋아한다면, 재미있을 것이다. 첫 번째 예시를 보자. * 나는 super(props) 에 대해 제대로 알기 전부터 사용해...
honeysuckle
2017-2018Junior-Front-end-Interview-Question-List 2017 - 2018 신입 프론트엔드 면접 질문 모음 설명 개발자 준비를 하면서, 면접에서 개별적으로 혹은 공통적으로 받았던 질문 리스트입니다. 주로 로켓펀치와 원티드를 통해 구직활동을 하였으며, 당연히 비율상 규모가 큰 기업 보다는 스타트업 위주로 면접이 ...
ES6 정리
godori

ES6 정리

2018년 10월 2일8개의 댓글
ES6 문법을 정리한 내용입니다. Scope --- 변수 선언 다음 세 가지를 기억하자 1. const를 기본으로 사용한다. 2. 변경이 될 수 있는 변수는 let을 사용한다. 3. var는 사용하지 않는다. let block (function
📦 JavaScript Module System
doondoony

📦 JavaScript Module System

2018년 12월 1일9개의 댓글
자바스크립트의 모듈 시스템 (ESM, CommonJS, AMD)
👨‍💻 [후기] 원티드와 함께하는 개발자 커리어 터치
doondoony
판교 이노베이션 랩에서 진행한 개발자 커리어 터치 세미나 후기입니다
anchor vs button
baldongdong

anchor vs button

2018년 11월 24일11개의 댓글
어떠한 태그를 사용하여야 하나 프론트엔드 개발일을 하면서 항상 마음 한구석 찝찝하고 궁금했던 문제가 있었습니다. 바로 anchor태그와 button태그의 사용입니다. 태그의 의미 우선 각 태그의 의미를 찾아봤습니다. : The Anchor element > The HTML element (or anchor element) creates a...
honeysuckle
100 - 199 : 정보성 상태 코드 정보성 상태 코드는 HTTP/1.1 에서 도입되어 비교적 새로운 것이며, 복잡함을 감수할 만큼 가치가 있는지에 대해 논란이 되고 있다. * 100 : 요청의 시작 부분 일부가 받아들여졌으며, 클라이언트는 나머지를 계속 이어서 보내야 함을 의미함 * 101 : 요청자가 서버에 프로토콜 전환을 요청했으며, 서버에서 ...
Notion 1년간의 사용기
godori

Notion 1년간의 사용기

2018년 11월 18일15개의 댓글
여기서도 볼 수 있어요 이번 포스트에서는 제가 사랑해 마지않는 앱인 노션(Notion) 에 대해 소개해볼까 합니다. 이제까지 여러 종류의 기록용 앱들을 사용해 왔지만 노션만큼 120% 마음에 들었던 것은 없었거든요. 이전까지 주로 사용했던 것은 에버노트였지만, 노션을 알게된 이후 고민없이 바로 갈아탔습니다. 기능 소개 DOC + NOTES ...
리액트의 새로운 기능, Hooks 알아보기
velopert
Hooks 는 리액트에 조만간 도입될 예정인 기능으로서, 함수형 컴포넌트에서도 상태 관리 및 클래스형 컴포넌트에서만 할 수 있는 다른 작업들을 구현 할 수 있게 해주는 기능입니다. 이 기능은 아직 정식 릴리즈 되어있지 않으며 React v16.7.0-alpha 버전에서
리액트 프로젝트 코드 스플리팅 정복하기
velopert
코드 스플리팅, 뭐 별거있나요? 그냥 웹팩에서 하라는대로 하면 되는걸요. 하지만! 리액트에서 코드 스플리팅이랑 서버사이드 렌더링을 함께 해보신 경험이 있으시다면, 이 두가지 작업을 함께 하는 경우, 굉장히 번거로워질 수도 있다는 것을 아실 것 입니다. 이 포스트에서는, 리액트에서 코드 스플리팅을 하는 방법을 기초부터 이해를 해보고, react-loadable 을 사용하면 서버사이드 렌더링과 함께 사용 할 시 어떻게 도와줄 수 있는지 알아보도록 하겠습니다.
Nginx를 사용하여 프록시 서버 만들기
jeff0720
서론 안녕하세요, 영훈입니다. 회사에 입사한 후 인프라에 중요성에 대해서 깨닳게된 후 꾸준히 공부하고 있습니다. 오늘은 제가 공부한 Nginx의 개념에 대해서 간단히 정리한 후 Nginx 설치 및 사용하여 Node.js의 프록시 서버를 만들어 보도록 하겠습니다. 이론 Nginx 개념 Nginx는 Event-Driven 방식으로 클라이언트에...
[sanitize-html] iconv없이 한글 웹페이지 크롤링하기
sonaky47
사연 request모듈을 활용해서 한글 웹페이지를 받아 온 다음 cheerio를 써서 엘리먼트를 찾아 그 안에서 html을 가져오는 작업이었는데, html이 깨져서 출력되었다.
npm, 2019년 자바스크립트 동향 예측
honeysuckle
16000명 자바스크립트 개발자들의 사용 트렌드를 반영하였다. npm의 창업자이자 최고 운영 책임자(COO)인 Laurie Voss는 2019년을 다음과 같이 예측하였다. > "자바스크립트 영역이 커짐에 따라 다양하고 생태계가 어떻게 변화할지는 예측이 어렵다." 1. 개발자들은 현재 사용하는 툴(도구) 중 하나를 버릴 것이다. 자바스크립트 ...
honeysuckle

URL vs URI

3일 전0개의 댓글
흔히 혼용되어 불리는 URL과 URI의 차이점에 대해 알아보자. 1. URI는 Uniform Resource Identifier(통합 자원 식별자)를 의미한다. URI는 인터넷의 우편물 주소 같은 것으로, 고유하게 정보 리소스를 식별하고 위치를 지정한다 ex) velog 유저 honeysuckle의 블로그 - https://velog.io/...
Startup Weekend Seoul Blockchain Hackathon - 간단한 후기
yungjurick
안녕하세요! 리키입니다! > Velog의 다른 글처럼 tech-oriented도 아니고.. 그렇다고 이 글을 읽는다고 새로운 스킬을 배워가는 것은 아니지만! 제 경험을 글로 남기면서 다른 사람들에게도 공유해보고 싶네요!
Sequelize CLI를 사용하여 User API 만들기
jeff0720
서론 안녕하세요, 영훈입니다. 오랜만에 글을 쓰는거 같네요. 제가 쓴 글이 많은 분들에게 도움이 되길 바라면서 시작 해보겠습니다. 오늘은 Sequelize와 Sequelize CLI의 개념에 대해서 알아보고난 후 Sequelize CLI를 사용하여 간단한 유저 정보 조회 API를 만들어 보도록 하겠습니다. 이론 ORMMapping.png S...
MobX (3) 심화적인 사용 및 최적화 방법
velopert
지난 포스트에서 MobX 의 기본적인 사용 방법과, 리액트에서는 어떻게 사용하는지 알아보았습니다. MobX 를 조금 더 복잡한 프로젝트에서 사용을 한다면 어떻게 해야 할까요? 추가적으로, 어떻게 해야 컴포넌트의 업데이트 성능을 최적화 하면서 프로젝트를 구성 할 수 있는
TypeScript 환경에서 Redux Boilerplate 없애기
heejin
최근 집에서 쉬는 시간에 한국의 해커뉴스를 타깃으로 하는 리드포스트라는 웹사이트를 개발하고 있습니다. (물론 만들다보니 욕심때문에 해커뉴스와는 전혀 다른 사이트가 되어가고 있습니다. 😆) 회사에서는 적용하지 못한 실험적인 것들을 이 사이드 프로젝트를 진행하면서 많이 적용해보고 있습니다. 그 중에서 오늘은 TypeScript 환경에서 Redux의 Boile...
Velog 간단 사용법
jinuku

Velog 간단 사용법

2018년 10월 29일13개의 댓글
Velog 기본 글 문법 - 목차 - 마크다운 설명 - 기본 글 문법 마크다운 >마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다. README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환...