분류 전체보기
-
🤔 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되는 페이지 컴포넌트들을 연결시켜주는 역..
-
✔ 우아한 테크러닝 3기: React & TypeScript 7회차우아한 테크러닝 3기 2020. 9. 23. 22:42
✌ 9월22일 (화) 우아한 테크러닝 3기 7회차 강의 정리 🚀 7회차 강의 목표 React 에서 컴포넌트 분리 React & TypeScript 예제 훑어보기 🚀 컴포넌트는 어떻게 분할할까? 컴포넌트가 외부 상태에 의존적인 것과 외부 상태와 의존적인 컴포넌트를 분리하는 하는 것은 react의 원칙적인 것이다. 여기서 말하는 외부 상태에 의존적인 것은 비지니스 로직을 의미한다. 비지니스 로직은 상태를 변경하면서 어떤 상태를 어디로부터 어떤것을 가지고 올지와 관련된 코드들을 말한다. 그렇기 때문에 비지니스 로직을 가지고 있는 컴포넌트들은 여러가지 단계로 분리하는데 개별 컴포넌트들한테 데이터를 전달하는 코드들은 container 컴포넌트라고 불리고 이것들을 아래와 같이 containers 폴더에 따로 분리해..
-
✔ 우아한 테크러닝 3기: React & TypeScript 6회차우아한 테크러닝 3기 2020. 9. 20. 20:45
✌ 9월17일 (목) 우아한 테크러닝 3기 6회차 강의 정리 🚀 6회차 강의 목표 webpack에 대한 흐름 이해하기 React & Typescript 살펴보기 redux-saga 사용하기 🚀 Webpack 흐름 이해하기 Webpack은 Webpack Cli라고 하는 도구가 존재한다. 단지 Hello world를 찍기 위해서 필요한 설정들이 이렇게나 많이 필요하다 @babel/core과 같은 @가 붙여져 있는 것들은 트랜스파일링 할때 사용된다. 일종의 플로그인이다. webpack은 webpack.config.js라는 이름을 갖는 설정 파일을 갖는다. 이름 변경될 수 있지만 관례적으로 사용된다. webpack은 webpack.config.js읽어서 실행시켜주는데 실행시켜줄 때 config객체를 export..
-
✔ 우아한 테크러닝 3기: React & TypeScript 5회차우아한 테크러닝 3기 2020. 9. 19. 19:03
✌ 9월15일 (화) 우아한 테크러닝 3기 5회차 강의 정리 🚀 5회차 강의 목표 javascript로 만든 Redux 리뷰 Redux의 비동기 Redux 미들웨어 알아보기 💻 Redux 리뷰 2회차때 만든 리덕스를 사용하여 store와 reducer 생성 해준다. 자세한 내용은 위 링크 참조 🙏 index.js import { createStore } from "./redux"; function reducer(state = { counter: 0 }, action) { switch (action.type) { case "inc": return { ...state, counter: state.counter + 1 }; default: return { ...state }; } } const store = ..
-
나는 왜 프론트 앤드를 선택했을까? 🤔회고 2020. 9. 13. 16:25
내가 왜 프론트 앤드 관심이 생기고 열심히 하려는지 대해서 나를 다시 돌아볼 필요성을 느꼈다. 이런 글을 쓰는 것도 재밌을 거 같고 나를 돌아보는 시간이 될 거 같아 써보기로 마음먹었다. ✨ 마음은 먹지만 글 쓰는 건 의식에 흐름대로 쓸 것이다. 글에 두서가 없고 정신이 없으니 참고. ✌ 💻 대학 시절 나는? 🙄 컴퓨터공학과를 선택한 이유 공부랑은 거리가 멀어 대전의 한 대학교에 입학했고, 무슨 고집인지는 모르겠지만, 과는 컴퓨터공학과 아니면 갈 생각이 없었기 때문에 컴퓨터공학과를 선택하였다. 왜 컴퓨터공학과를 가고 싶었냐는 질문에는 그냥 아마 게임을 좋아해서 인 거 같다. 고등학교 때는? 고2 때 롤에 빠져서 정신 못 차렸을 시절이 있었다. 물론 고3 때가 제일 피크였긴 했다. 한창 공부를 많이 할 시..