반응형 전체 글145 [Redux] 리덕스 간단 정리 이직 후 리덕스로 거의 모든 상태관리를 하는 프로젝트에 투입이 되었다. 이전 회사에서 처음 리액트를 배울 때 당연히 리덕스 공부는 해야 했고 사용도 했었지만 리코일이나 다른 라이브러리 사용으로 넘어가면서 사용이 뜸해지면서 거의 잊혀지고 있었는데, 이번 프로젝트 코드가 엄청 방대하고 복잡하다보니 기본 개념이 안 잡힌 상태로 코드를 파악하다가 멀미가 날 지경이었다. 그래서 오랜만에 약속이 없는 주말을 맞아 리덕스를 기초부터 공부해보기로 했다. 동영상 강의는 공부가 막막할때, 기초 개념 공부할 때 항상 도움받고 있는 내사랑 이고잉님과 코딩애플님이 도움을 주셨다 :) 텍스트 문서로는 벨로퍼트님의 블로그를 참고해서 공부했다. 감사합니다 스승님들!! 리덕스란? 상태관리 라이브러리 리덕스 쓰는 이유 1. props .. 2022. 6. 11. 내돈내산 코딩애플 Node.js, MongoDB 강의 리뷰 유튜브에서 이분 강의 보면서 많이 배웠는데, 노드랑 몽고DB를 한번 써보고 싶어서 강의를 찾다가 무료강의에서 이어지는 유료 강의가 있어서 처음으로 코딩애플 강의를 구매해 보았다. 강의 제목은 Node.js, MongoDB로 2시간 만에 빠르게 웹서비스 만들기 이다. https://codingapple.com/course/node-express-mongodb-server/ Node.js, MongoDB로 2시간 만에 빠르게 웹서비스 만들기 - 코딩애플 온라인 강좌 누구나 마음 한켠엔 나만의 웹서비스를 만들고 싶어합니다. 프론트엔드는 어찌저찌 하겠는데 서버 만드는게 어렵고 귀찮다고요? 그렇다면 Firebase를 쓰십시오. 구글이 웹서버를 대신 만들어 codingapple.com 이 강사분이 좋은게, 내용은 .. 2022. 5. 27. [Google I/O 2022] What's New in Android 13 요약 가이드 해석 같이 일하셨던 안드로이드 개발자분이 아래 영상의 해석을 부탁하셔서 대충 해석을 해보았다. 한국어 해석이 없어 난감한 한국인 분들에게 조금이라도 도움이 되길 바라는 마음에 블로그에 올려본다. 대본처럼 짧게 짧게 해석본을 넣어 두었으니 영상은 따로 화면을 띄워놓고 대본과 함께 보면 이해가 쉬울 것 같다. 농담 부분은 내 맘대로 의역했고, 기술적인 부분은 구글 번역기 도움도 받았음을 미리 밝힌다! 관련 자료 Google I/O 2022 : https://io.google/2022/intl/ko/ 해당 영상: https://youtu.be/Z6iFhczA3NY 대본 해석 NICK BUTCHER (남자): Welcome to "What's New in Android,"your guided tour through .. 2022. 5. 27. use-query-params 로 queryString 관리하기 use-query-params 라이브러리를 사용하면 Default 값도 사용할 수 있고, 각각의 쿼리의 타입도 지정할 수 있어서 편하다. 아래와 같은 형식으로 set을 하면 queryString이 자동으로 관리된다. (자세한 내용은 맨 밑의 공식 문서 참고) const [query, setQuery] = useQueryParams({ pageNo: withDefault(NumberParam, DEFAULT_PAGE_NO), pageSize: withDefault(NumberParam, DEFAULT_PAGE_SIZE), sortColumn: withDefault(StringParam, DEFAULT_SORT_COLUMN), sortOrder: withDefault(StringParam, DEFAULT_S.. 2022. 4. 3. React API 에러 처리 아래 글은 현재 우리 회사 프로젝트의 에러처리에 관련한 고민을 하다가 찾게된 화해 기술블로그이다. 화해의 기술들이 우리 회사의 기술들과 유사한 부분이 많아서 같이 고민하는 느낌이든다! 왜 API 에러 처리에 대한 고민을 하게 되었나? 현재 제가 담당하고 있는 프로젝트 중에 하나가 오래전에 만들어진 제품을 유지보수하는 프로젝트입니다. 해당 프로젝트는 흔히 말해 레거시 개선 프로젝트였습니다. 이 프로젝트는 설계에 대한 깊은 고민보다는 필요한 기능들을 우선적으로 추가해야만 했던 시기에 만들어진 것으로 보입니다. 그래서인지 여러 부분에서 체계가 미흡한데, API 에러 처리 체계도 그중 하나였습니다. 여러 군데에서 비슷한 에러 처리 로직을 개별적으로 작성하거나 공통적으로 다루어져야 하는 로직도 반복해서 작성되어 .. 2022. 3. 28. URLSearchParams, 주소 쿼리스트링, 파라미터 변경 오늘은 URL 관련 유용한 Hooks 유틸 함수를 알아볼거에요 먼저 알아볼 함수는 2가지 인데요! PathParam을 쉽게 구하는 함수 usePathParam QueryString을 쉽게 구하는 함수 useQueryString 함수를 알아보기전에 PathParam과 QueryString에 대해서 알아보겠습니다. 1) QueryString http://host:port.com/posts?id=1 이런 URL중 ? 뒤에 id란 변수에 값을 담아 백엔드에 전달하는 방식이 QueryString 방식이에요. 해석하자면 posts에 담긴 정보중 id가 1인 posts자료를 달라는 것이죠 2) PathParam http://host:port.com/posts/1 QueryString에서 보여준 URL과 같은 내용이지.. 2022. 3. 27. nodejs 타입스크립트 환경설정, jsconfig.json 활용 Type Checking 자바스크립트는 타입 체크를 하지 않기 때문에 타입 오류가 발생함 이에 타입을 체킹하는 것이 중요하고 도구가 필요함 가장 인기가 있는 타입스크립트는 자바스크립트에 타입 정의만 얹어놓은 느낌 const someString = 'Hello' const result = Math.log(someString) 위와 같은 경우에 타입에러가 발생함. 타입스크립트 사용 타입스크립트, eslint 를 설치 후 상단에 @ts-check 를 추가하면 타입 체크가 가능 node에서 타임스크립트 도움받기 npm install --save-dev @types/node vscode가 타입스크립트 바이너리를 이용하여 타입체킹을 도와줌 const http = require('http) const server =.. 2022. 3. 9. 스타트업 신입개발자 첫 출시일에 서버 터진 이야기 1. 계속 밀리는 출시일 2월 첫째 주, 정식 출시하기로 한 주가 되었다. 우리 자체 앱은 애플과 구글에서 컨펌이 나서 스토어에서 검색하면 나오고 있었고, 웹서비스도 배포가 완료되어 고객사의 각 지점에서 가입 및 로그인 후 사용할 수 있도록 교육까지 마친 상태였다. 하지만 우리의 주 고객사에서 실제 고객 데이터를 한 번에 못 넘겨주고, 서버 쪽 마이그레이션도 아직 마무리가 되지 않은 상태여서 어쩔 수 없이 정식 출시일이 뒤로 조금 밀리게 되었다. 그렇게 어영부영 출시일이 미뤄지고 우리도 텐션이 조금 떨어져가는 와중에, 갑자기 대표님이 코로나에 걸렸다ㅋㅋ 다행히 직원들은 걸리지 않아서 대표님은 재택근무를 하고, 직원들은 각자 원하는 대로 재택근무를 하거나 사무실에 가서 일을 했고, 걱정이 되는 직원들은 급.. 2022. 3. 6. 스타트업 신입개발자 생존기 - 송년회와 새해, 번아웃과 무기력증 이번 글은 지난 글에 이어서 입사 후 한 해를 마무리하고 새 해를 맞는 과정, 그러니까 입사 후 6개월이 넘어가는 시점에서 겪었던 일들을 적어보도록 하겠다. 1. 하고 싶은 게 너무 많은 스타트업의 송년회 새 기획자가 아직은 떠나기 전 12월 말, 나는 새로온 기획자가 기획과 시스템에 적응하는 것을 돕고 기획은 개발자들끼리 따로 하면서 꾸역꾸역 일을 하고 있었다. 웹개발팀은 출시까지 한 달도 안남은 상황에서 아직 작업하지 못한 페이지들이 너무 많았기 때문에 계속 인원 요청을 하고 있었고, 다행히 새로운 리액트 경력자를 한명 더 뽑아주셨다. 그래서 우리 팀 5명 중에 2명이 한 달도 안된 신규 인원인 상태였고, 남은 작업을 끝내기에는 아직도 갈길이 멀어서 야근도 하고 기획도 다시 보고 엄청 바쁘게 일하고 .. 2022. 3. 1. 스타트업 신입개발자 반년 생존기 새해가 밝은지 오래고... 오늘이 3월 1일이니 벌써 입사한지... 에엥?? 9개월??? 만 9개월이 지났고 이제 10개월차다...ㅎㄷㄷ 감사하게도 다음글은 왜 없냐고 댓글로 물어봐주신 분들도 계시고 나도 계속 써야지 써야지 하면서 밀린 숙제가 쌓이는 느낌이 들어서 오랜만에 밀린 일기를 적어보려 시작은 했는데... 초딩때 왜 선생님들이 일기는 밀려서 쓰면 안된다고 했는지 알 것 같다. 그동안 있었던 일이 너무너무 많아서 어디부터 어떻게 써야할지 모르겠네ㅋㅋㅋ 이 블로그 일기는 마음의 여유가 있을 때만 쓰게되는데, 5개월차에 쓰고 거의 4개월이나 지난 이제야 쓸 마음이 생겼다는 것은 그동안 그만큼 많은 일이 있었다는 뜻이기도 하다. 그래도 천천히 하나씩 끄집어봐야지. 먼저 한 6개월차까지 있었던 이야기를 .. 2022. 3. 1. 이전 1 2 3 4 5 ··· 15 다음 반응형
