코딩정비소 코딩정비소

- 개발을 하다 보면 크고 작은 문제들을 만나게 된다. 이러한 문제들을 만났을 때 어떻게 대처하면 좋을까? - 문제가 발생하게 된 배경, 원인이 있다. 원인과 배경을 빠르게 발견할 수 있다면 우리는 어떤 문제든 해결할 수 있게 된다. - 어려운 문제들은 배경, 원인을 발견하기가 어렵기에 더욱이 해결책이 나오지 않는다. - 이번 포스팅에서는 어려운 문제의 배경, 원인을 발견하고 나아가 해결하는 방법을 경험해 본 내용을 토대로 적어보았다. 문제) 특정 상황에 콘솔 창에는 어떠한 에러도 없이 채팅이 멈추고 동작하지 않는 문제가 발생했다. - Error가 없이 원하는 동작을 하지 않을 때 이 문제가 보통이 아님을 감지한다. 어디서 멈췄는지 조차 알 수 없다. Q. 재현경로와 보면서 어떤 문제가 발생하는가? A...

개발자는 항상 컴퓨터만 보고 있다고 생각한다면. 그건 큰 오산이다. 하루에도 몇 시간씩 회의를 진행하곤 한다. 회의에서는 수많은 이야기가 오간다. "OO님 이건 어떻게 생각하세요?" "ㅇㅅㅇ" 속으로 '앗 난 별생각이 없다' 그래서 나는 "그냥 그렇게 진행해도 되겠는데요."라고 대답한다. 좋은 생각이 있더라도 어떻게 말해야 할지 모르겠기에 횡설수설하다가 끝나는 경우도 있다. 그리고 무엇보다 개발자, 기획자, 디자이너의 관점이 모두 다르다. 그렇기에 내 의견을 설득력 있게 말하기 위해서는 명확해야 한다. 설득력 있게 말하여 회의에서 살아남을 수 있는 방법 3가지를 정리해 보았다. 첫째 용어를 정리하라! 기획서를 받으면 먼저 해야 하는 건 기획서에서 처음 보는 용어들을 정리하는 것 이다. 종종 GNB, LN..

오늘 새로 배운 내용 React-icon html 줄 바꿈 button vs Input(type=button) 고민한 내용 어떻게 하면 레이아웃을 시멘틱 하게 꾸며낼 수 있을까? 참고할 만한 내용 CSS속성중 word-break: break-all; - 표나 상자의 크기를 유지하면서 '글자'단위로 끊어준다 word-break: keep-all; - 표나 상자의 크기를 유지하면서 '단어'위로 끊어준다. white-space: nowarp; - 표나 상자의 크기를 유지하지 않음 https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=yhj0781&logNo=50170458458 react-icon을 사용하여 icon을 삽입해 보았다. npm ..

오늘 새로 배운 내용 Firebase Doc읽는 법. 에러 노트 작성하는 법 개발 일지 작성하는 법 고민한 내용 닉네임 변경 시 게시글 닉네임이 변경되지 않는 이슈가 있었다. 접근 방식이 잘못되었어서 많이 헤맸다. 최초 접근 방식은 이러했다. 게시글을 렌더링 하기 전 props로 전달받은 uid 값을 Firebase에 호출해서 UserInfo를 가져온다. UserInfo에 UserNickName을 가져다가 그려주려고 했다. 하지만 Firebase에서 auth에 user 정보를 가져오는 메서드를 제공해 주고 있지 않았다. => 다른 개발자 분의 풀이를 보고 깨달았다. 닉네임을 변경할 때, 유저가 작성한 모든 게시글의 닉네임 값을 경신해주는 방법이 있었다. 데이터 양이 많아지면 이것 또 다른 문제가 발생할 ..

목표 github 로그인 구현하기 개발내용 passport-github API가 상세히 나와 있어, 쉽게 개발 할 수 있었다. http://www.passportjs.org/packages/passport-github/ passport-github GitHub authentication strategy for Passport. www.passportjs.org 새롭게 알게된 팁 mongoose.find({ email }) vs mongoose.findOne({ email }); find의 경우 배열로 값을 읽는다, findOne의 경운 객체 하나를 읽는다. 하나만 업데이트 할시 findOne을 사용하자. 객체일 경우 객체 이름.save()로 저장 가능하다. 특이사항 github에서 로그인을 비공개로 했을..

개발 목표 회원가입 기능 구현하기 개발 내용 Post join controller : clinet에서 불러온 데이터를 읽어 MongoDB에 저장 Post login controller : join으로 등록된 user의 데이터가 인증되면 home이동, 아니면 join이동 commit Post join : https://github.com/ckdtjs505/cstube/commit/41e95e3ac2a42ac57c1f8472d95ba6bcc1117eba commit Post login : https://github.com/ckdtjs505/cstube/commit/db99de029220f007e04700af4e61de7ea1bd1723 개발 이슈 처음으로 git hub에 issue를 등록 : 되게 뿌듯했당 ..

목표 state 관리 redux로 변경 코드 리펙토링 구현 - Redux의 개념 잡기 1. 생활 코딩 : Redux의 흐름 및 사용법 이해 2. 제로초 : React에서 Redux 사용법 이해 3. StackOverflow : ReactNative에서 Redux, Fetch 사용법 이해 https://opentutorials.org/module/4078 Redux 수업소개 예측 가능한 애플리케이션의 상태 저장소인 Redux를 다루는 수업입니다. 이 수업에서는 순수한 웹기술인 HTML, JavaScript와 Redux만을 이용해서 웹애플리케이션을 만들어 볼 것입니다. 이 수업은 아래와 같은 내용을 다루고 있습니다. Redux의 동작 방법 Redux를 사용하는 이유 Redux를 이용해서 할 수 있는 일들 시..

목표 측정소 변경 버그 오류 해결 세부 목표 지도 삽입(구글) 미세 뉴스 및 지도 데이터 요청 요류 구현 지도 삽입 https://github.com/react-native-community/react-native-maps 특이사항 다음 지도 사용 시 알 수 없는 많은 버그로 인해 사용 안 함 측정소 변경 기능 지도 클릭 시 onPress event, Marker를 사용하여 측정소 변경 기능 추가 버그 오류 해결 Rest API 호출 시 : 잘못된 호출로 인한 오류 추가 구현 Redux를 이용한 데이터 관리 느낀 점 상태 값 관리 가 절실히 필요하다. 측정소 값이 변경 시 모든 컴포넌트 동시 데이터 변경이 필요 적용점 생각 없이 개발했다. 효율성이라던지, 왜 쓰는지에 대한 깊은 고민 없이 되니까 했다. ..