분류 전체보기
-
주니어 프론트엔드 개발자의 2021년 회고회고 2021. 12. 31. 22:17
작년도 이맘때에 2020년 회고를 작성했었는데 올해 회고는 작년에 세운 계획이 잘 지켜졌는지와 한 해 어떤 일들이 있었는지에 대해서 회고를 작성하고 2022년도 계획도 크게 세워 볼까 한다. 🙄 작년에 세웠던 계획들은 잘 지켰어? 일단, 작년에 크게 세워보았던 계획이 얼마나 잘 지켜졌나 봐보자. Github 1day 1commit 계속 이어나가기 작년에 세웠던 계획 중에 이게 제일 어렵다고 생각했었는데 다행히도 daily commit은 하루도 빼먹지 않고 유지 중이다. 처음 프론트엔드 공부를 시작했을 때 최소 2년은 하자고 했던 게 벌써 오늘로써 616일째이다. 채워진 잔디를 보면 뿌듯함을 많이 느끼고 있고, 이렇게 꾸준히 해왔기에 개인적으로도 많이 성장했다고 생각한다. 앞으로도 별일이 없으면 계속 꾸준..
-
Yarn berry에서 React + Jest + Cypress + TypeScript + Github Actions CI/CD를 세팅해보자Unit Test & e2e Test & TDD 2021. 10. 11. 15:55
이 글은 Yarn berry package manager를 사용하여 React 프로젝트에서 초기 세팅하는 방법을 다루고 있으며, 여러 시행착오를 겪어가며 경험한 것들을 토대로 작성한 글입니다.😉 이 글의 목적은 겪었던 시행착오들을 한 번 더 기억을 되새기기 위해서 작성하였습니다. 추가적으로 TypeScript와 프론트엔드 e2e 테스트 프레임워크 Cypress, 프론트엔드 unit 테스트 프레임워크 Jest 세팅과 더불어 Yarn berry에서 Github Actions을 사용해 CI/CD 파이프라인을 구축 후 Github Pages에 배포하는 것까지 담고 있습니다. 이 내용은 각각의 공식 문서를 기반으로 작성되었습니다. 해당 예를 담은 Github Repository를 참고해주세요. 🙄 Yarn ber..
-
[회고] 프론트엔드 개발자로서의 첫 발걸음을 내딛다!회고 2021. 10. 4. 18:31
이 글은 프론트엔드 개발자로서 취업 후 작성하는 회고 글입니다! 😉 저의 간단한 배경은 이전에 SI 개발자로 8개월 정도 일한 경험이 있었고 SI 회사에 입사하기 전에 프론트엔드 개발자로 눈이 떴고, 8개월가량 일과 병행하면서 공부를 한 뒤, 퇴사 후 7개월 동안 공부를 더 하고 취업을 하게 되었습니다. 😤 프론트엔드 개발자로 취업하기까지 공부해오며 느꼈던 게 있었어? 프론트엔드 개발자가 되기로 마음먹었던 게…. 작년 4월쯤이었다. 프론트엔드 개발자가 되기로 마음먹게 된 계기는 이전에 작성한 회고 글을 참고! (나는 왜 프론트 앤드를 선택했을까?) 작년 4월부터이니까 1년 반 정도 만에 드디어 꿈꾸던 프론트엔드 개발자로서 첫발을 내딛게 되었다. 그 과정은 그렇게 순탄하지는 않았던 거 같다. 스스로 생각하..
-
[회고] Github Daily Commit(1일 1커밋)을 시작한지 1년이 지났다..회고 2021. 5. 3. 18:29
이 글은 의식의 흐름대로 씁니다.. 참고해주세요. 또한, 이 글은 개인적인 회고도 담겨있기 때문에 원하시는 정보가 없을 수도 있습니다. 🤔 이 글을 쓰는 이유? 별 이유는 없지만 두 가지 정도가 있다. 🎈 첫 번째 이유 가장 큰 이유는 1년 동안 무엇을 했고 얼마나 성장했는지에 대해서 자기 회고를 하고 싶어졌다. 사실 제대로 된 프론트앤드 개발은 1Day 1Commit을 같이 시작한 1년 전이기 때문에 같이 회고하는 겸 써도 괜찮을 거 같았다. 또한, 그로 인해서 자기회고도 할 수 있을 거라 믿고 있다. 🎈 두 번째 이유 분명히 이 글을 읽으시는 분 중에 Daily Commit(1일 1커밋)을 시도해보았거나 시도하시고 싶은 분들이 분명 있으실 거로 생각한다. 그래서 1년간 진행하면서 느낀 점과 장점 또는..
-
🤔 Firebase API Key를 공개하는 것이 안전합니까?Firebase 2021. 1. 8. 15:33
📌 고민하게 된 계기 스터디 모집 개인 프로젝트를 진행하면서 백앤드로 firebase를 사용하게 되었습니다. 사용하면서 API Key이니까 당연히 .env 파일로 관리해야지라고 생각한 뒤 관리를 하게 되었고, 그 후 Ci/Cd를 위해 Github-Action 사용하고 있었고 CI를 진행하면서 .env파일로 인해 테스트가 깨지는 현상이 발생하게 되었습니다. 테스트를 할 때 apikey를 사용하는 부분을 mocking해서 할려고 했었고 고민을 해보았지만 쉽게 진행되지 않았습니다. FIREBASE_API_KEY= "your api-key" FIREBASE_AUTH_DOMAIN = "your auth-domain" FIREBASE_DATA_BASEURL = "your data-baseurl" FIREBASE_P..
-
[회고] 2020년을 되돌아보며.. 🧐회고 2021. 1. 1. 18:33
🐣 2020년 1월 ~ 4월 📌 키워드 졸업 국비교육 코로나의 시작 미래에 대한 불안감 올해 학교를 졸업했나 싶을 정도로 오래전 일인 거 같지만 졸업했다. 코로나로 인하여 인생의 마지막인 졸업식이 취소됐다. 😭 학교에 다니며 6년 간(2년 군대) 다니면서 추억도 많았고, 평생 갈 만한 좋은 사람들도 정말 많이 사귀었다. 컴퓨터 공학과를 졸업했고, 공부도 꽤 했지만, 코딩에 코자도 모를 정도였다. 이론적인 수업들과 컴퓨터 개론, 운영체제부터 시작하여 그래픽스, IOT까지 넓은 범위를 얕게 배우다 보니 뭘 해야 할지도 모르겠고 흥미도 전혀 없었다. 하지만 학교의 그런 수업 방식에 불평 안 하고 공부했다는 점에 그래도 지금 와서 보니 꽤 도움이 되는 부분이 알게 모르게 있는 거 같다. 학교 다니기 마지막 학기..
-
코드숨 2기 그 3달간의 여정!회고 2020. 12. 26. 15:13
🙄 어쩌다가 신청하게 됐어? 이직을 계획하고 있었다. 1월 말에 퇴사하겠다고 말했고, 다시 처음으로 돌아간다는 생각으로 프론트엔드 개발자가 되는 데 필요한 결정이었다. 나에게 있어서 공부하는 즐거움을 주고 즐기며 일할 수 있겠다고 확신을 준 프론트엔드 녀석…. 그 녀석으로 인해서 더는 지체할 수 없었고, 이직을 위해서 회사에 다니는 와중에 퇴근 후 공부하기를 매일 반복하였다. 회사보다 퇴근 후가 나의 하루 시작이라고 생각했을 만큼 즐기며 공부하는 와중에 회사의 과장님 추천으로 코드숨을 알게 되었다. 혼자 프론트엔드를 공부하면서 이렇게 하는 게 맞는 걸까? 라는 의문이 들었고, 그 의문을 해결해주기 위해 누군가의 가이드가 필요하다 생각했고, 회사에 다니면서 할 수 있는 점이 가장 매리트를 많이 느꼈던 부분..
-
✔ 우아한 테크러닝 3기: React & TypeScript 8회차(마지막 회차)우아한 테크러닝 3기 2020. 9. 26. 02:07
✌ 9월24일 (목) 우아한 테크러닝 3기 8회차 강의 정리 🚀 8회차 강의 목표 마지막 예제 살펴보기 Mobx 살펴보기 🚀 예제 살펴보기 🌈 React-Router 이 예제는 1년전 예제라 react-router 공식 문서를 참고하며 보기를 바란다. router의 진행 동작은 URL이 바뀌는 것을 내부의 location의 path를 감지해서 해당 location의 주소에 맞는 컴포넌트와 연결시켜주는 간단한 동작이다. 그렇기 때문에 서버 사이드에서 말하는 router와 다르다. 서버 사이드에서는 요청 URI end point path에 따라서 다른 비지니스 로직을 실행하는 컴포넌트를 연결시키는 것이고 여기서의 router는 URL의 변경 사항과 그것과 mapping되는 페이지 컴포넌트들을 연결시켜주는 역..