견고한 node.js 프로젝트 설계하기
본 글은 Sam Quinn의 “Bulletproof node.js project architecture” 글을 번역한 것입니다. [Bulletproof node.js project architecture 🛡️ Express.js is great frameworks f
코로나인포 개발기: 프론트엔드 편
오늘은 코로나인포의 총 접속자가 1천명을 넘은 기념으로, 프론트엔드를 개발할 때 어떠한 스택을 사용하였고, 왜 그 기술을 사용하게 되었는지에 대해 글을 작성해 볼까 합니다.
스물아홉 나는 왜 개발자를 선택했나?
어떻게 개발을 시작하게 되었는지? 개발을 하면서 어떤 것들을 느꼈는지? 나는 계속해서 흐르는 물이고 싶다 익숙함은 편안함과 권태란 양면성을 가지고 있다. 공기업 근무 7년차 스물 셋. 친구들보다 운좋게 이른 취업을 한 것도 모자라 공기업에 입사하였다. 우연히 찾아온 기회였고 기대없이 진행하여 덜커덕! 붙어버렸기에 당시엔 기쁨보다 ...
자바스크립트 비동기 처리 방식
blocking, non-blocking, callback hell, Promise, async await.. 등 비동기와 관련해 머릿 속에 파편적으로 흩어진 것들을 조금씩 모아두려 작성한다. 잘못된 사항들이 있다면 지적바라며.. 사용된 예시 MDN 예제에서 조금씩 덧붙였습니다. 동기 vs 비동기 동기와 비동기를 나누는 가장 큰 차이점을 어떻게 실행 ...
기술면접 준비하기
2019-06-03 16:40 작성된 포스트 2019-12-06 추가) 어제(5일)자로 카카오 인턴십에 합격을 하였다. 그 동안 핑계로 미뤄왔던 포스팅을 보다 적극적으로 하여, 취준기간의 경험과 앞으로의 다짐, 생각 등을 포스팅 할 예정이다. 또한 본 게시글은 올해 여름에 웍스모바일 인턴십을 준비하면서 기록했던 포스트인데, 웍스모바일 한정된 내용을 삭제...
Node.js 기반에서 환경변수 사용하기 (dotenv, cross-env)
환경변수가 무엇인지, 어떻게 사용하는 것이 좋을지, 관련한 라이브러리(dotenv, cross-env) 등 소개합니다.
Storybook을 활용하여 본격적으로 디자인 시스템 구축하기
스토리북을 쓰는 방법을 어느정도 배웠으니, 이제 Hello 컴포넌트 말고 정말 디자인 시스템에 있어서 유의미한 컴포넌트들을 만들어봅시다. 그런데, 어떤 컴포넌트를 만들어야 할까요? 사실 가장 이상적인것은 프로젝트를 만드는 과정에서 처음부터 디자인 시스템을 구축하고 재사용이 자주 될 것 같은 컴포넌트를 만들게 될 때마다 디자인 시스템에 컴포넌트를 하나씩 ...
Storybook을 다양한 Addon과 함께 활용해보면서 사용법 정복하기
Storybook의 기본적인 사용법을 알아보고, 또 다양한 Addons 들을 활용하는 방법을 알아봅시다.
바닐라 TypeScript 시작하기 - 프로젝트 환경설정
본 글은 alligator 사의 “Setting Up a New TypeScript Project” 글을 번역한 것입니다. [Setting Up a New TypeScript Project It’s easy to work with TypeScript when using
Webpack의 핵심
Webpack은 웹 어플리케이션을 개발할 때 가장 인기 있는 번들러입니다. React 앱을 빌드해주는 도구로 생각하고 CRA의 Webpack 설정을 그대로 사용하기 보다는 이것이 어떻게 동작하는지, 핵심 원리는 무엇인지 이해해야 하지 않을까? 라는 생각에서 글을 적게되었습니다.
node.js 에러 핸들링 - 아키텍쳐의 빈 구멍 메꾸기
본 글은 Sam Quinn의 “Error handling - The missing piece of your node.js architecture” 글을 번역한 것입니다. [Error handling - The missing piece of your node.js arc
코로나인포 개발기 : 백엔드 편 - 1
안녕하세요! Croco에서 코로나인포를 만들고 있는 강희원이라고 합니다! 지난 글에 이어 오늘은 백엔드에 대해 다뤄보고자 해요. > ✅ 해당 글에서는 백엔드( 와 약간의 기획 )만 다뤄요! 기술 스택 Django Django Rest Framework P
TypeScript와 Storybook을 사용한 리액트 디자인 시스템 구축하기
TypeScript와 Storybook을 사용하여 나만의 디자인 시스템을 구축해봅시다! 우선, 디자인 시스템이 무엇인지부터 알아보도록 합시다.
원티드 - 요즘 "프론트엔드 개발" 어떻게 하지? 참관 후기
12/4일 원티드에서 진행한 요즘 "프론트엔드 개발" 어떻게 하지?라는 행사에 참관했다. 이렇게 평일에 진행하는 행사에 참여해보는것은 진짜 드문 것 같다. 사무실이 마포 합정에 위치해서 강남으로 오는게 엄청난 고역이라 매번 재밌어 보이는 행사도 그냥 생략해왔었는데, 요새 평상시보다 그래도 조금은 더 여유로워서 다녀올 수 있게 되었다. 이번 행사는 원...
야매 사무실 꾸미기 #4 여기부턴 개인장비
개발자의 콜렉션은 완성은 없고 그 과정만이 있을 뿐이다. 나는 하드웨어라는 딱지를 붙인 3년차 개발(비스무리한)자이다. 반쯤 노마드였던 2년간의 프리랜서 생활은 사무실을 구했지만 아직 불안정한 지금도 "그때보단 낫지..."하는 생각으로 버티는 원동력이자, 스스로에게 작업의 최적효율을 찾도록 해주는 마음속 원동력이기도 하다. THINKPAD.jpg (...
Vue.js CRUD - 로그인/회원가입(Front-end)
원본 소스 : https://github.com/jyongk/vuejs-login 프로젝트 생성 npm을 통해 vue-cli 최신버전을 설치하고 webpack 템플릿 기반으로 프로젝트를 생성한다. 디렉토리 구조 패키지 프로젝트를 구성하는데 필요한 패키지들을 설치한다. main.js main.js 파일은 vue 애플리케이션의 진입점이다. 최상위 ...
신입 아키텍트의 Google Cloud Professional Architect 자격증 취득 후기
스크린샷 2020-01-04 오후 6.32.52.png 작년의 마지막날 Google Cloud의 Professional Architect 시험을 쳤고, 얼마전 자격증을 취득하였습니다. 오늘은 구글클라우드 아키텍트 시험에 대한 간단한 소개와, 제가 공부한 방법들에 대해 공유해 보도록 하겠습니다. Google Cloud 자격증 Google ...