줌코딩의 코딩일기
Zoom in Coding
-
(우아한테크캠프 3기) 어렵지 않게 CSS 레이아웃 잡기
🤔 목적 css를 진짜 많이 얕봤다.. flutter를 이용해서 UI 구현해내는 일에 이제 익숙해졌기 때문에 스타일링 하는 것은 진짜 가볍게 여겼다가 큰코 다쳤다. 이번에 겸손한 마음으로 css 기초부터 반응형으로 레이아웃을 잡는 여러 좋은 방법들에 대해 조사해봤고 마지막으로 간단하게 github project를 따라하며 실습을 진행했다. 📗 참고 자료 poiemaweb 튜토리얼 flex box로 만들...
-
(우아한테크캠프 3기) Express 미들웨어 제대로 사용하기 + 로그인 구현하기
🧩 목적 express의 특징에 대해서는 Node 개발자라면 알아야 할 기본 지식 포스팅을 통해 정리했으니 이번에는 express generator로 생성되는 여러 미들웨어와 로그인 프로그램 구현에 사용된 미들웨어를 정리해보려고 한다. 📽️ 프로젝트 깃헙 레포지토리 [우아한테크캠프] 배민상회 회원가입/로그인 구현 프로젝트 🏭 Express 주요 미들웨어 pug Express는 런타임에 템플릿 엔진을 이용해서 여러 변수가 있는 static한...
-
(우아한테크캠프 3기) Test Driven Development란?
🧪 TDD란 Test Driven Development : 말그대로 테스트가 이끌어 나가는 개발을 의미한다. 개발을 진행하기 앞서 테스트를 먼저 만들거 테스트를 통과하기 위한 것들을 구현한다. 📒 참고글 [Agile] TDD(테스트 주도 개발)란 [번역]쉬운 테스트 주도 개발과 단위 테스트를 위한 5단계 방법론 ❓ TDD는 언제 해야할까? 처음해보는 프로그램 주제일 때(나의 불확실성) 고객 요구조건이 바뀔...
-
(우아한테크캠프 3기) Atomic Design Pattern이 뭐지?
🤔 목적 Atomic Design Pattern을 본격적으로 적용하기에 앞서 글을 적어보려고 한다. 이 패턴을 설명하는 여러 블로그글을 가볍게 훑어보고 글들 마다 있는 아래 그림을 보면서 작은 단위의 컴포넌트인 원자를 잘 만들어서 개발하는 느낌이구나하고 넘어갔다. 하지만 막상 구현하기 앞서 여러 글들을 진득하게 앉아서 읽어보니 중점적으로 신경써야하는 부분이 있었다. 그리고 가장 많이 생각...
-
(우아한테크캠프 3기) Day2 자바스크립트 돌발 미션
매일매일 쓰고 싶었는데 첫날은 너무 피곤해서 잠들어버렸다. 오늘은 배운 내용을 정리해서 올려보려고 한다. 프로토타이핑(크롱님) 오늘은 오전 동안 크롱님에게 배민앱의 개선점을 찾는 프로젝트를 어제 만난 수현님과 진행하며 Github issue과 wiki에 익숙해져봤다. 특히 나와 수현님은 프로토타이핑을 열심히 했다 ㅋㅋ 뭔가 시간이 부족한 탓에 필요한 기능에 대해서 깊게 논의하지 못하고 wiki 사용법이나 issue와...