All
18 posts
쉽게 Gatsby로 나만의 개발 블로그 만들기

👋 소개 예쁘고 깔끔한 개발 블로그를 만들고 싶으신 개발자분들을 위해 만들게 된 블로그 테마입니다.🏅 ✨ 기능 😛 미모지와 문자 애니메이션를 통한 자기 소개 💅 코드 하이라이팅 기능 🔍 글 목차 자동 생성(ToC) 💬 Utterances 댓글 기능 지원 ⚙️ meta-config를 통한 세부 설정 가능 👨‍💻 About Page 내용 변경 가능 📚 Posts Page 자동 생성 🛠 sitemap.xml, robots.txt 자동 생성 📈 Google Analytics 지원 🧢 Emoji 지원 𝑓 Mathjax 지원 🚀 시작하기 아래 과정을 진행하면 현재 블로그를 로컬 환경에서 실행하고 배포할 수 있습니다. 🔧 설치하기…

March 22, 2021
tutorial
2020년 마지막 회고(쉴 줄 모르는 자)

🤓 이 글의 목적 정말 오랜만에 글을 쓴다. 이 글을 통해 복학과 동시에 시작된 혼돈의 시간와 지금을 되돌아 보려 한다. 🤯 혼돈의 카오스 그리고 알게된 소중한 시간 🎓 복학, 조기 취업 그리고 취업계 Picky와 우아한테크캠프(우테캠)를 거치며 여러 훌륭한 사람들을 많이 만났다. 그리고 내가 꿈꾸는 개발자로서 미래의 이상적인 모습을 어렴풋이 그리게 되었다. 그 모습을 향해 적극적으로 달려보고 싶었지만, 아직 대학교라는 큰 산을 마무리하지 못한 상황이기에 나는 다시 포항으로 돌아가야만 했다. 학교는 배우는 기관이니 가서 열심히 배우고 돌아오겠다는 마음으로 마음을 다잡고 포항으로 돌아왔다. 하지만 아무래도 오랜만에 …

February 10, 2021
회고
(개인프로젝트 개발 회고) 대학시간 개발기

🤓 이 글의 목적 입사하기 전 한달 조금 넘는 기간 동안 개인 프로젝트를 진행했다. 이 프로젝트는 찐 개인 프로젝트로 기획, 디자인, 개발, 홍보, 유지보수까지 다 직접 진행하여 현재 서비스하고 있다. 이 글을 통해 이 프로젝트의 과정과 경험을 나눠보고자 한다. 🧩 대학시간은..! 대학시간은 수강신청을 도와주는 웹사이트로, 1월 중순에 배포하여 유지보수를 진행하고 있다. 웹사이트 링크 깃헙레포 링크 감사하게도 2월 7일 현재, 800명이 넘는 분들이 대학시간을 이용해주셨고 아직 새내기 수강신청은 시작하지 않은 상황이라 더 늘어날 걸로 기대하는 중이다!🌝 기술스택은 React, Nodejs(express), MySQL…

February 10, 2021
대학시간
회고
2020 ACM ICPC 예선 참가 후기 및 문제 풀이 (5 Solved)

마지막 ICPC 참가 내년 10월에는 학교에 있을 가능성이 거의 0에 가깝기에 이제 진짜 마지막으로 ICPC에 참여하게 되었다. 작년에 Negend라는 팀명으로 함께 참가했던 진혀쿠님과 갇예준이 다 재학생인 덕분에 또다시 같은 팀으로 참가하게 되었다. 작년에 등록 문제를 제외하고 3문제를 풀었기에 등수보다는 4문제 푸는 것을 목표로 참가했다. 대회 후기 작년에는 대회 전날 엄청 긴장했었는데 오늘은 그런 것도 없었고 확실히 마음이 편했다. 하지만 막상 대회 시작하니 한국어 독해에 조금은 문제가 생겼었다 ㅋㅋ 진혁이랑 예준이랑 작년 ICPC 이후로 처음 같이 풀었는데 각자 자신의 방법으로 팀에 기여했다. 그리고 어찌어찌 …

October 11, 2020
codingtest
(우아한테크캠프 3기) 캠프를 마치며

💫 목적 캠프의 반환점을 돌며 포스팅을 썼으니 캠프의 마무리 회고를 잘 쓰고 캠프를 끝맺고 싶었지만, 복학과 함께 4학년 생활을 시작하게 되면서 끝을 보지 못했다😭 그렇게 방치했던 회고였지만 이제는 진짜로 우아한테크캠프의 마무리를 지어 보려 한다!ㅎㅎ 일단 수료증 사진 투척하고 간다~ㅋㅋ 우아한테크캠프의 마지막 2개의 프로젝트 일단 나는 매우매우 인복이 좋은 사람이다. 이전 프로젝트에서도 그랬지만 마지막 두개의 프로젝트를 함께할 팀원 명단을 보고 매우 안도했다. 그리고 실제로 프로젝트를 하며 많이 배우고 제법 완성도 있는 결과물도 만들어 내게 되었다. 우아한가계부(with 갇해민) 결과물 링크 프로젝트 링크 해민이(…

October 05, 2020
회고
우아한테크캠프
(우아한테크캠프 3기) 캠프의 반환점을 돌며

💫 목적 우아한테크캠프(우테캠)의 중간 즈음 온 시점에서 4주 동안 참여했던 캠프의 과정들에서 경험했던 것들과 배웠던 것들을 돌아보고자 한다. 🤓 🌪 시작 전 두려움 합격 통보를 받고 퇴사 회고를 쓰며 나름 결의를 다졌지만 막상 7월 1일이 다가오기 앞서서 고민하기 시작했다. 붙으면 완전 신나서 올 줄 알았는데 막상 가려니 어떻게 보면 배부른 고민(?)이 생겨났다.😭 ♘♞ 또 다른 경쟁의 시작? (#우아한형제들입사) 사실 우테캠를 시작하기 전에 마음이 굉장히 어려웠다. 온전히 배움에 집중하기 위해 우테캠에 참여하게 됐지만 결국 이 프로그램은 우아한 형제들 신입 채용이 포함되어 있는 과정이라 배움보다 잘하는 걸 보여…

July 26, 2020
회고
우아한테크캠프
(우아한테크캠프 3기) 어렵지 않게 CSS 레이아웃 잡기

🤔 목적 css를 진짜 많이 얕봤다.. flutter를 이용해서 UI 구현해내는 일에 이제 익숙해졌기 때문에 스타일링 하는 것은 진짜 가볍게 여겼다가 큰코 다쳤다. 이번에 겸손한 마음으로 css 기초부터 반응형으로 레이아웃을 잡는 여러 좋은 방법들에 대해 조사해봤고 마지막으로 간단하게 github project를 따라하며 실습을 진행했다. 📗 참고 자료 poiemaweb 튜토리얼 flex box로 만들 수 있는 10가지 레이아웃(네이버 D2) 📦 Box Sizing 브라우저는 박스모델의 정보를 근거로 렌더링을 진행한다. 여기서 width와 height는 박스의 전체 사이즈를 말하는 것이 아니라 파란색 영역인 con…

July 14, 2020
web
우아한테크캠프
(우아한테크캠프 3기) Express 미들웨어 제대로 사용하기 + 로그인 구현하기

🧩 목적 express의 특징에 대해서는 Node 개발자라면 알아야 할 기본 지식 포스팅을 통해 정리했으니 이번에는 express generator로 생성되는 여러 미들웨어와 로그인 프로그램 구현에 사용된 미들웨어를 정리해보려고 한다. 📽️ 프로젝트 깃헙 레포지토리 [우아한테크캠프] 배민상회 회원가입/로그인 구현 프로젝트 🏭 Express 주요 미들웨어 pug Express는 런타임에 템플릿 엔진을 이용해서 여러 변수가 있는 static한 템플릿 파일에 실제 값을 넣어 html 파일을 생성한다. Pug는 가장 대표적인 템플릿엔진으로 템플릿이 있는 디렉토리를 views에 정해주고 view engine으로 pug로 설정…

July 12, 2020
nodejs
우아한테크캠프
(우아한테크캠프 3기) Test Driven Development란?

🧪 TDD란 Test Driven Development : 말그대로 테스트가 이끌어 나가는 개발을 의미한다. 개발을 진행하기 앞서 테스트를 먼저 만들거 테스트를 통과하기 위한 것들을 구현한다. 📒 참고글 [Agile] TDD(테스트 주도 개발)란 [번역]쉬운 테스트 주도 개발과 단위 테스트를 위한 5단계 방법론 ❓ TDD는 언제 해야할까? 처음해보는 프로그램 주제일 때(나의 불확실성) 고객 요구조건이 바뀔 수 있는 프로젝트인 경우(외부적인 불확실성) 즉 불확실성이 높으면 테스트를 짠다. 결과가 명확하다면 TDD를 적용하지 않는게 좋다. 🤩 TDD를 잘하는 법 도구나 규칙에 집착하지 말아라(TDD는 어떤 도구가 아니다.…

July 10, 2020
tdd
우아한테크캠프
(우아한테크캠프 3기) Atomic Design Pattern이 뭐지?

🤔 목적 Atomic Design Pattern을 본격적으로 적용하기에 앞서 글을 적어보려고 한다. 이 패턴을 설명하는 여러 블로그글을 가볍게 훑어보고 글들 마다 있는 아래 그림을 보면서 작은 단위의 컴포넌트인 원자를 잘 만들어서 개발하는 느낌이구나하고 넘어갔다. 하지만 막상 구현하기 앞서 여러 글들을 진득하게 앉아서 읽어보니 중점적으로 신경써야하는 부분이 있었다. 그리고 가장 많이 생각 났던 것은 피키를 개발할때 디자이너님과 함께 적용시켜봤으면 너무 좋았을 것 같은 방식이었다. 우아한테크캠프의 프로젝트를 진행하면서 잘 배워서 언젠가 하게 될 또 다른 피키에 잘 적용시켜보자. 📒 참고 글 Brad Frost의 개념적…

July 09, 2020
디자인패턴
우아한테크캠프
스타트업 팀과 앱을 떠나보내며 (퇴사 회고)

이 글의 목적 나의 스타트업 앱 개발 후기에 대한 글을 읽었다면 알겠지만 나는 패기롭게 도전한 스타트업에서 우연한(?) 기회로 홀로 피키라는 앱을 개발하고 배포하게 되었다. 이제는 6개월 간의 피키에서의 시간을 마무리하고 다음 여정을 준비하고 있다. 이 글을 통해 그동안 나는 어떤 것들을 배웠는지 내가 왜 이런 피키를 떠나게 됐는지를 정리하고 나눠보려고 한다. 배포 이후 피키는 그동안 나는 들어온 개발자들과 함께 최근까지 2달 동안 열심히 버그를 고치고, 새로운 기능을 추가하는 사이클을 반복하며 앱을 성장시켰다. 그동안 로그인 유저 수는 2000명을 넘겼고 앱에 대한 리뷰도 긍정적이었고 앱은 꾸준히 성장하고 있다. …

June 30, 2020
스타트업
회고
Node 개발자라면 알아야 할 기본 지식(Javascript, Node, Express)

배경 면접에서 다음과 같은 질문을 받게 됐다. 노드를 이용해서 개발을 여러번 진행하셨는데, 자바스크립트와 노드의 특징에 대해 알고 있나요? ‘비동기’, ‘싱글스레드’, ‘이벤트루프’…? 머리속에 여러가지 개념들이 막 돌았다. 근데 막상 이 여렴풋이 아는 개념을 제대로 설명을 하려니 말문이 막혔다. 면접이 끝난 후에 면접을 세게 맞았지만 그렇다고 그냥 모르는 대로 있을 순 없다. 그래 이왕 이렇게 된 거 자바스크립트와 노드의 특징에 대해서 집고 넘어가자. Javascript란? 1. 자바스크립트는 스크립트 언어다. 자바스크립트는 웹 브라우저에서 동작하는 스크립트 언어이다. 한번에 모든 코드를 기계어로 번역하는 컴파일 …

June 04, 2020
nodejs
대학생 개발자의 스타트업 앱 개발 후기

목적 개발자를 꿈꾸는 사람이라면 실제 취업을 하기 전에 인턴을 할까 개발 캠프에 참여해야 하나 이런 저런 고민이 많아질 것이다. 개발자를 필요로 하는 곳이 많기 때문에 그만큼 기회도 많고 어떤 게 나에게 제일 좋은 기회일지 고민하고 있을지도 모르겠다. 이런 고민 속에서 혹시 에 관심이 있을 이들에게 개인적인 경험을 나누고자 한다. 결과적으로 나는 나는 대학교 3학년으로 작은 스타트업의 개발 인턴이다. 채용은 웹 프론트엔드 개발 인턴으로 채용되었지만 2달 만에 회사가 사업 방향을 바꾸게 되면서 얼떨결에 1인 개발자로 풀스택(?) 앱개발을 진행하게 되었다. 그리고 한달 반 동안 5명의 팀원들과 함께 시간을 갈아넣은 끝에 …

March 25, 2020
스타트업
회고
Codeforces Round 605 (Div. 3) My Unofficial Editorial

This Round Sucks… I solved first three problems in about an hour but stuck in problem D. Good Problems though! A. Three Friends Problem Link At first, I was thinking of checking all the number of cases. However, I found a way to solve by sorting to find the first, middle and the last friend. If two of them are staying together, the all of them mo…

December 13, 2019
codeforces
나의 비효율적이지만 효율적인 알고리즘 공부법 (코딩테스트를 준비하는 이들에게)

목적 요즘은 IT 기업에 개발자로 취업하기 위해서 코딩테스트라는 관문을 통과해야하는 경우가 허다하다. 이러한 기업들의 요구 때문인지 자연스럽게 코딩테스트를 위한 알고리즘 공부를 중요시 하고 있고 심지어 코딩테스트를 대비하기 위한 알고리즘 학원과 300만원이 넘는 방학 집중 코스까지 생겨났다. 나도 알고리즘을 시작하려던 때에 어떻게 하면 알고리즘을 제대로 효율적으로 배울까를 고민하며 알고리즘 공부법에 대한 블로그글, 유투브 영상 등을 찾아다녔고 알고리즘학원에 직접 전화해보기도 했다. 나와 같은 고민을 하는 분들에게 내가 공부했던 비효율적이지만 효율적인 알고리즘 공부법을 소개하고자 한다. 알고리즘 공부법을 찾는 당신에게…

December 05, 2019
회고
Codeforces Round 603 (Div. 2) Broken Editorial

Introduction First time writing a Codeforces contest review in English I have been participating in the Codeforces rounds since this October. A. Sweet Problem Problem Link I thought this problem is easy to solve since its scoring is 500. It was tough to find a way to think of how to find the maximum day. My algorithm to find the max day : 1.Sort …

November 30, 2019
codeforces
Codeforces Educational Round 77 후기 및 문제 풀이

후기 A부터 C번까지 수학 문제만 내버렸다.. 간신히 C번까지 풀긴 했는데 제출을 어마무지하게 많이 해버렸다… 제출 횟수가 아쉬운 시험이었다. C번에서 1시간 넘게 걸렸는데 D를 못본건 아쉽지만 어떻게든 C를 풀었다는 사실에 만족한다! A. Heating 문제 링크 이 문제는 이해하는데만 10분이 걸렸다.(영어가 안되는건지 그냥 이해가 너무 어려웠다.) 이 문제는 크게 두 경우로 나눌 수 있다. (10000, 10)처럼 설치할수 있는 라디에이터 개수가 섹션의 개수보다 많거나 같은 경우와 그렇지 않은 경우이다. (10000, 10)과 같은 경우에는 그냥 라디에이터를 각 위치에 1 만큼씩 배치하는게 이득이다. 하지만 나…

November 28, 2019
codeforces
2019 NAVER CAMPUS HACKDAY WINTER 참가 후기

포스팅 네이버 핵데이는 대학생 개발자라면 꼭 참여해봐야할 해커톤 대회 중 하나로 여럿에게 추천을 받았다. 어찌하다 보니 참여하게 된 캠퍼스 핵데이 경험을 공유하고자 한다. 정신없이 참여하다보니 사진이 별로 없다ㅠㅠㅠ 후기가 궁금하다면 아래 있는 후기만 봐도 좋지만 전반적인 핵데이에 대해서 궁금하다면 이 포스팅을 쭉 읽어도 좋을 것 같다. 후기 일단 소문대로 밥은 너무 맛있고 숙소도 아침에 구경차 한번 가봤는데 진짜 쾌적했다. 멘토님은 진짜 친절했고 해뜨는 거 보면서 멘티들과 나눈 소소한 각자 이야기들도 너무 좋았다. 커넥트원에서 보는 야경도 진짜 너무 이뻤다. 기술적인 것도 물론이지만 무엇을 어떻게 해야하는지에 대해…

November 26, 2019
codingtest
naver