post-thumbnail

견고한 node.js 프로젝트 설계하기

본 글은 Sam Quinn의 “Bulletproof node.js project architecture” 글을 번역한 것입니다. [Bulletproof node.js project architecture 🛡️ Express.js is great frameworks f

2020년 1월 21일
·
23개의 댓글
post-thumbnail

벨로그 v2 업데이트 안내

velog v2가 드디어 배포됐습니다! 어떤 주요 변화가 있는지 한번 알아볼까요?

2020년 2월 9일
·
66개의 댓글
post-thumbnail

코로나인포 개발기: 프론트엔드 편

오늘은 코로나인포의 총 접속자가 1천명을 넘은 기념으로, 프론트엔드를 개발할 때 어떠한 스택을 사용하였고, 왜 그 기술을 사용하게 되었는지에 대해 글을 작성해 볼까 합니다.

2020년 2월 14일
·
1개의 댓글
post-thumbnail

자바스크립트 비동기 처리 방식

blocking, non-blocking, callback hell, Promise, async await.. 등 비동기와 관련해 머릿 속에 파편적으로 흩어진 것들을 조금씩 모아두려 작성한다. 잘못된 사항들이 있다면 지적바라며.. 사용된 예시 MDN 예제에서 조금씩 덧붙였습니다. 동기 vs 비동기 동기와 비동기를 나누는 가장 큰 차이점을 어떻게 실행 ...

2020년 1월 21일
·
4개의 댓글
post-thumbnail

스물아홉 나는 왜 개발자를 선택했나?

어떻게 개발을 시작하게 되었는지? 개발을 하면서 어떤 것들을 느꼈는지? 나는 계속해서 흐르는 물이고 싶다 익숙함은 편안함과 권태란 양면성을 가지고 있다. 공기업 근무 7년차 스물 셋. 친구들보다 운좋게 이른 취업을 한 것도 모자라 공기업에 입사하였다. 우연히 찾아온 기회였고 기대없이 진행하여 덜커덕! 붙어버렸기에 당시엔 기쁨보다 ...

2020년 1월 12일
·
44개의 댓글
post-thumbnail

코로나인포 개발기 : 백엔드 편 - 1

안녕하세요! Croco에서 코로나인포를 만들고 있는 강희원이라고 합니다! 지난 글에 이어 오늘은 백엔드에 대해 다뤄보고자 해요. > ✅ 해당 글에서는 백엔드( 와 약간의 기획 )만 다뤄요! 기술 스택 Django Django Rest Framework P

약 19시간 전
·
2개의 댓글
post-thumbnail

Node.js 기반에서 환경변수 사용하기 (dotenv, cross-env)

환경변수가 무엇인지, 어떻게 사용하는 것이 좋을지, 관련한 라이브러리(dotenv, cross-env) 등 소개합니다.

2019년 12월 7일
·
2개의 댓글

기술면접 준비하기

2019-06-03 16:40 작성된 포스트 2019-12-06 추가) 어제(5일)자로 카카오 인턴십에 합격을 하였다. 그 동안 핑계로 미뤄왔던 포스팅을 보다 적극적으로 하여, 취준기간의 경험과 앞으로의 다짐, 생각 등을 포스팅 할 예정이다. 또한 본 게시글은 올해 여름에 웍스모바일 인턴십을 준비하면서 기록했던 포스트인데, 웍스모바일 한정된 내용을 삭제...

2020년 2월 3일
·
0개의 댓글
post-thumbnail

Storybook을 활용하여 본격적으로 디자인 시스템 구축하기

스토리북을 쓰는 방법을 어느정도 배웠으니, 이제 Hello 컴포넌트 말고 정말 디자인 시스템에 있어서 유의미한 컴포넌트들을 만들어봅시다. 그런데, 어떤 컴포넌트를 만들어야 할까요? 사실 가장 이상적인것은 프로젝트를 만드는 과정에서 처음부터 디자인 시스템을 구축하고 재사용이 자주 될 것 같은 컴포넌트를 만들게 될 때마다 디자인 시스템에 컴포넌트를 하나씩 ...

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

Storybook을 다양한 Addon과 함께 활용해보면서 사용법 정복하기

Storybook의 기본적인 사용법을 알아보고, 또 다양한 Addons 들을 활용하는 방법을 알아봅시다.

2019년 11월 23일
·
4개의 댓글
post-thumbnail

벨로그 홈에 그리드 뷰 되살리기 1편: 문제 확인과 벤치마킹

이번에 벨로그 홈에 그리드 뷰를 되살릴 계획인데요, 이 과정을 포스트로 남기면 재밌을 것 같아서 이렇게 시리즈를 시작합니다! 이번 포스트를 통해 제가 어떤 생각을 하면서 UX를 기획하는지 엿볼 수 있을겁니다!

약 16시간 전
·
1개의 댓글
post-thumbnail

TypeScript와 Storybook을 사용한 리액트 디자인 시스템 구축하기

TypeScript와 Storybook을 사용하여 나만의 디자인 시스템을 구축해봅시다! 우선, 디자인 시스템이 무엇인지부터 알아보도록 합시다.

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

원티드 - 요즘 "프론트엔드 개발" 어떻게 하지? 참관 후기

12/4일 원티드에서 진행한 요즘 "프론트엔드 개발" 어떻게 하지?라는 행사에 참관했다. 이렇게 평일에 진행하는 행사에 참여해보는것은 진짜 드문 것 같다. 사무실이 마포 합정에 위치해서 강남으로 오는게 엄청난 고역이라 매번 재밌어 보이는 행사도 그냥 생략해왔었는데, 요새 평상시보다 그래도 조금은 더 여유로워서 다녀올 수 있게 되었다. 이번 행사는 원...

2019년 12월 7일
·
15개의 댓글
post-thumbnail

바닐라 TypeScript 시작하기 - 프로젝트 환경설정

본 글은 alligator 사의 “Setting Up a New TypeScript Project” 글을 번역한 것입니다. [Setting Up a New TypeScript Project It’s easy to work with TypeScript when using

2020년 1월 27일
·
5개의 댓글
post-thumbnail

Webpack의 핵심

Webpack은 웹 어플리케이션을 개발할 때 가장 인기 있는 번들러입니다. React 앱을 빌드해주는 도구로 생각하고 CRA의 Webpack 설정을 그대로 사용하기 보다는 이것이 어떻게 동작하는지, 핵심 원리는 무엇인지 이해해야 하지 않을까? 라는 생각에서 글을 적게되었습니다.

2020년 1월 12일
·
0개의 댓글
post-thumbnail

node.js 에러 핸들링 - 아키텍쳐의 빈 구멍 메꾸기

본 글은 Sam Quinn의 “Error handling - The missing piece of your node.js architecture” 글을 번역한 것입니다. [Error handling - The missing piece of your node.js arc

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

간트 차트: 엑셀 외에 결국 어떤 데이터 시각화 도구(툴)을 선택할까?

빅데이터 분석을 보급화되면서 기업들이 데이터 시각화의 중요성을 점차 깨닫게 되었습니다. 특히 경영진에게 직접적으로 리포트를 보는 것보다 이 중에서 가장 중요한 정보를 한 플랫폼에서 보여주는 것이 훨씬 낫다고 생각합니다. 8-1.jpg 데이터 시각화의 중요한 요소는 차트입니다. 지난번에 차트 유형에 관한 블로그에 이미 올리게 되었습니다. ​ 오늘은 ...

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

신입 아키텍트의 Google Cloud Professional Architect 자격증 취득 후기

스크린샷 2020-01-04 오후 6.32.52.png 작년의 마지막날 Google Cloud의 Professional Architect 시험을 쳤고, 얼마전 자격증을 취득하였습니다. 오늘은 구글클라우드 아키텍트 시험에 대한 간단한 소개와, 제가 공부한 방법들에 대해 공유해 보도록 하겠습니다. Google Cloud 자격증 Google ...

2020년 1월 5일
·
0개의 댓글

Vue.js CRUD - 로그인/회원가입(Front-end)

원본 소스 : https://github.com/jyongk/vuejs-login 프로젝트 생성 npm을 통해 vue-cli 최신버전을 설치하고 webpack 템플릿 기반으로 프로젝트를 생성한다. 디렉토리 구조 패키지 프로젝트를 구성하는데 필요한 패키지들을 설치한다. main.js main.js 파일은 vue 애플리케이션의 진입점이다. 최상위 ...

2020년 1월 1일
·
0개의 댓글