지금 뜨고 있는 포스트

리액트의 새로운 기능, Hooks 알아보기
velopert
Hooks 는 리액트에 조만간 도입될 예정인 기능으로서, 함수형 컴포넌트에서도 상태 관리 및 클래스형 컴포넌트에서만 할 수 있는 다른 작업들을 구현 할 수 있게 해주는 기능입니다. 이 기능은 아직 정식 릴리즈 되어있지 않으며 React v16.7.0-alpha 버전에서
Velog 간단 사용법
jinuku

Velog 간단 사용법

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

💻 OH-MY-MACBOOK - 1

2018년 11월 4일10개의 댓글
📚 Contents --- 1. 🦞 Setting up Shell 1. oh-my-zsh 2. plugins 2. 🍺 Homebrew 1. 🍺 brew 2. 🍻 brew cask 1. ✏ with font
👨‍💻 [후기] 원티드와 함께하는 개발자 커리어 터치
doondoony
rawpixel-649911-unsplash.jpg Photo by rawpixel on Unsplash 📍 장소: 판교 페이스북 이노베이션 랩 📆 일자: 2018년 11월 14일 오후 14시 📚 Contents --- 🌈 커리어 터치 세션 1 :
💻 유용한 생산성 툴 몇가지 소개
chris
소개에 앞서 저는 개인적으로 생산성을 높여주는 툴들에 관심이 많습니다. 어떤 툴을 선택하기 전에 항상 많은 선택지를 놓고 상세히 비교 후 선택합니다. 이 글에서는 VSCode, Slack, Homebrew, Alfred 처럼 아주 유명하고 대부분 알고계시고 사용하시는 툴 보다는, 유용하지만 생각보다 많은 분들이 모르시는 툴을 위주로 소개해드리고자 합니...
JavaScript Testing Tool - Jest
yesdoing

JavaScript Testing Tool - Jest

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

Notion 1년간의 사용기

약 16시간 전3개의 댓글
여기서도 볼 수 있어요 이번 포스트에서는 제가 사랑해 마지않는 앱인 노션(Notion)에 대해 소개해볼까 합니다. 이제까지 여러 종류의 기록용 앱들을 사용해 왔지만 노션만큼 120% 마음에 들었던 것은 없었어요. 이전까지 주로 사용했던 것은 에버노트였지만, 노션을 알게된 이후 고민없이 바로 갈아탔습니다. 기능 소개 DOC + NOTES + ...
Today I Learned #1
godori

Today I Learned #1

2018년 10월 28일4개의 댓글
Develop Log 2018.10.19 - 2018.10.28 > 공부했거나 알게 된 내용을 모아서 정리하는 글을 종종 쓰려고 합니다. 영문 작성 연습을 겸하고 있으니 틀린 표현이나 오타가 있다면 편하게 알려주세요 :) Useful Things --- 🎨 Code Formatter - Recommanded Code Formatter is P...
2018년 겨울을 맞이하며 남기는 글
killi8n
요새 통 글을 쓰지 못하였다. 아니 안썼다고도 할수 있겠다. 오늘 처음으로 내게 질문 주신 분이 있어서, 정말 오랜만에 내 블로그에 방문하였다. 처음으로 질문을 받는 다는 것 자체가 나에게는 굉장히 설레는 일이었고, 누군가 나의 글을 보면서 나의 튜토리얼을 따라하는 사람도 있구나 라는 생각에 최대한 정성스럽게 답변을 해드리고 싶었다. 무튼, 질문때문에 내...
Create-react-app V2 릴리즈! 무슨 변경 사항이 있을까?
velopert
리액트 개발자라면 애용하고 계실 도구인 create-react-app 의 v2 버전이 릴리즈되었습니다! 기존에 만든 자료들을 업데이트해야 한다는 점 (특히 책... 따흑... )은 조금 귀찮긴 하지만, 좋아하는 도구가 더 멋져졌으니까, 정말 듣기좋은 소식인데요! 이
📦 JavaScript Object
doondoony

📦 JavaScript Object

2018년 10월 28일6개의 댓글
Photo by Greg Rakozy on Unsplash JavaScript Object 에 대한 전반적인 내용을 다룹니다 이 글은 아래 책과 내용을 참고 하였습니다 1. You Don't Know JS - this & Object Prototypes 2. 인
리액트 프로젝트 코드 스플리팅 정복하기
velopert
코드 스플리팅, 뭐 별거있나요? 그냥 웹팩에서 하라는대로 하면 되는걸요. 하지만! 리액트에서 코드 스플리팅이랑 서버사이드 렌더링을 함께 해보신 경험이 있으시다면, 이 두가지 작업을 함께 하는 경우, 굉장히 번거로워질 수도 있다는 것을 아실 것 입니다. 이 포스트에서는, 리액트에서 코드 스플리팅을 하는 방법을 기초부터 이해를 해보고, react-loadable 을 사용하면 서버사이드 렌더링과 함께 사용 할 시 어떻게 도와줄 수 있는지 알아보도록 하겠습니다.
리액트 프로젝트에 ESLint 와 Prettier 끼얹기
velopert
ESLint 와 Prettier 를 리액트 프로젝트에서 제대로 적용하여 코드를 깔-끔-하게 관리해보는 방법을 배워봅시다.
다양한 방식의 리액트 컴포넌트 스타일링 방식 CSS, Sass, CSS Module, styled-components
velopert
리액트에서는 컴포넌트를 스타일링 할 때 다양한 방식을 사용 할 수 있습니다. 이 튜토리얼에서는 어떤 방식이 있는지, 자주 사용되는 것들을 하나하나 사용해보겠습니다. 저는 개인적으로 컴포넌트 하나마다 Sass 파일 하나씩 만들어서 관리를 하는것을 선호하고, 최근 만드는 프로젝트에서는 styled-components 를 사용하기도 합니다 :) CSS Module 은 작년에 자주 사용했었는데 사용하기가 요즘은 조금 불편하다고 느껴져서 잘 사용하고 있지 않고 있습니다.
[알고리즘] Dijkstra in python3
leejh3224
파이썬의 heapq 모듈을 이용해서 직접 priority queue를 구현해서 사용했고, 그래프를 그리기 위해 networkx 모듈을 사용했습니다. (코드를 돌려보시려면 설치하셔야 됩니다!) 강의는 링크에서 들으실수 있습니다.
리액트 - Portals 를 통한 부모 컴포넌트의 외부 DOM 에 컴포넌트 렌더링하기
velopert
Portals 는 리액트 프로젝트에서 컴포넌트를 렌더링하게 될 때, UI 를 어디에 렌더링 시킬지 DOM 을 사전에 선택하여 부모 컴포넌트의 바깥에 렌더링 할 수 있게 해주는 기능입니다.
[Spread Operator] 배열에 특정한 인덱스의 아이템 교체
sonaky47
사연 React로 서비스를 개발 하는 도중 state의 배열 값의 특정한 인덱스의 값을 변경해야 할 일이 생겼다. 막상 맞딱뜨리니까 뭔가 쉽지 않았다. Velopert님 React강의를 듣던 와중에 뭔가 배운거 같기는 한데 ㅎㅎ 머리를 쥐어짜다가 어느정도 감이 와서 해결하게 되었다. 전개연산자(Spread Operator)를 활용하였다. 간단한...
MobX (1) 시작하기
velopert

MobX (1) 시작하기

2018년 9월 8일3개의 댓글
MobX 는 또 다른, 하나의 인기있는 리액트 상태 관리 라이브러리입니다. 저는 MobX 는, 사실상 라이브러리 그 이상의 가치를 하는, 리액트의 개발 흐름 자체를 많이 바꿔주는 강력한 도구라고 생각합니다. "MobX 는 최소한의 공수로 여러분들의 상태관리 시스템을 설계 할 수 있게 해줍니다." The curious case of mobx state tre...
AWS Lambda 고오급 튜토리얼 - 3
leejh3224

AWS Lambda 고오급 튜토리얼 - 3

2018년 10월 12일4개의 댓글
1편 및 2편과 이어지는 게시물입니다. VPC 이전 편에서는 기본적인 람다 사용법과 함께 문자 전송을 위한 람다를 업로드했다. 그렇다면 고정된 IP 주소를 활용해서 문자를 보내려면 어떻게 해야 할까? 답은 VPC 즉 계정 전용 네트워크를 활용하는 것이다. VPC를 활용하면 특정한 트래픽을 차단/허용하거나 고정된 IP 주소를 사용하거나 하는 ...
Vuejs 간단 채팅앱 만들기
kay

Vuejs 간단 채팅앱 만들기

2018년 10월 21일2개의 댓글
최근 Vuejs에 관심이 생겨서 공부것을 바탕으로 간단한 채팅앱을 만들어 보았습니다. 이렇게 개발글 남기는건 처음이라... 어떻게 써야 잘쓰는건지 잘 모르겠지만... 좋게봐주셨으면합니다~^^ ---- 결과물 스크린샷 2018-10-25 오후 9.19.26.png 참고 > 소스 깃허브 - https://githu...