하루 한발씩 개발자로

공부하는 블로그입니다. 정확하지 않은 정보가 있을 시 알려주시면 감사하겠습니다!

• TIL ( CODESTATES) [Git] The requested URL returned error: 403 github 레포를 클론한 후 코드를 다시 push하려고 했는데 해당 에러가 나왔다. 정확한 상황은 다음과 같았다. 문제 발생 상황 내 mac이 아닌 회사 데스크탑 컴퓨터로 github 레포를 클론한 후 코드를 push하려고 했었다. Permission to ---- denied to ----. The requested URL returned error: 403 원인 평소와 다른 환경에서 github repository에 접근하려고 했기 때문에 나온 에러였다. 갑자기 에러가 나와서 당황했지만 생각해보면 보안 상 당연히 필요한 조치인 것 같다. 해결 1. 연결하고자 하는 remote url을 셋팅해 주어야 한다. git remote set-url origin "https://your-name@github...

• 신입개발자 멘붕극복스토리 React-query 사용하기 react-query 공식 홈페이지 React Query Hooks for fetching, caching and updating asynchronous data in React react-query.tanstack.com 리액트 쿼리로 서버 상태 관리하기 Overview React Query makes fetching, caching, synchronizing and updating server state in your React application a breeze. React Query는 React app에서 비동기 로직을 좀 더 쉽게 다루게 해 주는 라이브러리이다. Motivation 왜 이런 기능이 필요하게 되었을까 1. React는 기본적으로 data fetching, updating 기능을 ..

• 

  TIL ( CODESTATES) 백엔드 개발자 면접 후기 (직무수행능력평가) -2편 2021.07.16 - [TIL ( CODESTATES)] - 백엔드 개발자 면접 후기 (직무수행능력평가) - 1편 백엔드 개발자 면접 후기 (직무수행능력평가) - 1편 지난 7월 초 부산 해운대구에 있는 한 기업에 백엔드 개발자로 면접을 보러 갔었다. 직무 수행 능력 평가와 기술 면접을 보았고 결과적으로 함께하지는 못하게 되었다. 진작에 후기를 남기고 싶 jesstory-codinglish.tistory.com 5. Deletion Anomaly 문제와 그 해결 방법 (용어조차 처음 들어보았다. 하지만 공부하면서 알고보니 아쉽다. 내용은 아는데 용어를 몰라서 서술을 못했다는 게...) Data Anomalies Data Anomalies 개념에 대해 참고한 블로그 Normalization is the ..

• TIL ( CODESTATES) 새로 알게 된 깃헙 명령어 cherry-pick 문제 feature5에서 회원가입 로직을 만든 후 feature6에서 회원탈퇴 로직을 만들기 위해 브랜치를 옮겨갔다. feature5에서 수정해야할 부분이 생겼는데 feature6에서 그대로 작업 후 commit까지 해버렸다. 해결 git log를 통해 최근 커밋 기록을 본다. 최상단에 있는 게 최근 것이므로 로그 아이디를 복사한다. 원래 작업해야할 브랜치로 다시 이동 후 git checkout feature5 잘못 작업한 브랜치의 커밋 내용을 가져온다. git cherry-pick[git log id] 이래서 삽질을 많이 해 봐야한다고 하나보다. 삽질을 해야 모르는 걸 알게 된다.

• 

  TIL ( CODESTATES) 백엔드 개발자 면접 후기 (직무수행능력평가) - 1편 지난 7월 초 부산 해운대구에 있는 한 기업에 백엔드 개발자로 면접을 보러 갔었다. 직무 수행 능력 평가와 기술 면접을 보았고 결과적으로 함께하지는 못하게 되었다. 진작에 후기를 남기고 싶었지만 다른 곳에서 면접 요청이 와서 준비하느라 이제야 글을 좀 적어본다. 1. 진수 변환하기 진수 변환 11101(2)의 10진수는? (1*2^4) + (1*2^3) + (1*2^2) + (0*2^1) + (1*2^0) = 16+8+4+0+1 = 29 여기서는 2진수와 10진수 간 진수 변환에 대해서 알아보았지만 예를 들어 8진수로 변환할 경우 2 대신 8을 넣으면 된다. 21(10)의 2진수는? wiki 현대인들이 주로 사용하는 진법은 10진법으로 대부분의 숫자들은 모두 10진법으로 표기된다. 그러나 컴퓨터와 같이 ..

• 

  Final Project (CODESTATES) 재배포 with AWS 아래 글은 배포할 당시에 작성했던 글인데 배포가 원활하게 되지 않아서 그에 대한 기록을 남겨본다. 1. freenom에서 산 도메인을 활용했을 때 https 적용이 되지 않았다. (상황) 프론트 도메인과는 별개로 백에서도 freenom에서 도메인 구입 후 클라이언트와 연결했었다. (증상) http:// ec2 ip 주소로 하면 'cannot GET/ '이라고 나오지만, https 로 했을 때에는 'ERR_CONNECTION_REFUSED'로 연결되지 않는다. (해결) 가비아에서 재구입한 도메인을 연결하자 https로도 도메인으로 접속할 수 있었다. 2. 프론트와 백 도메인을 연결했을 때 CORS 에러가 나왔다. (상황) 프론트와 백이 각각 다른 계정으로 도메인을 구입 후 연결을 시도했다. (증상) 프론트..

• 

  Final Project (CODESTATES) 오늘의 기록 - sequelize 테이블 컬럼명 변경하기 팀원으로부터 컬럼명을 변경해달라는 요청을 받았다. Users 테이블의 userName을 username으로 변경해 달라고 하셨다. 몇 번의 시행 착오를 거쳐 해결한 방법은 아래와 같았다. 해야 할 일은 크게 세 가지이다. 1. migration-skeleton 생성하기 알아보지 컬럼명만 수정할 수 있는 방법이 없는 듯했다. 나는 있던 컬럼을 삭제하고 새로운 컬럼을 추가하는 방식으로 수정했다. (*알고보니 queryInterface에 renameColumn이라는 메소드가 있다...) //작성자:김현영 module.exports = { up: async (queryInterface, Sequelize) => { await queryInterface.removeColumn("Users", "userName")..

• TIL ( CODESTATES) mysql root 비밀번호 변경하기 export DATABASE_PASSWORD=내 패스워드 어제 access denied for user (using password:NO) 에러가 나왔을 때는 export DATABASE_PASSWORD=내 패스워드 (병진님 감사해욧!) 명령어를 통해서라도 비밀번호를 전달하고 접속에 성공했었다. 오늘 팀원의 변경사항을 pull로 가져온 후에는 다시 접속이 안 되었다. 어제처럼 여전히 mysql -u root -p 로 비밀번호 전달 후 mysql에는 접속이 되지만 npm start로 했을 때는 mysql에 접속이 거부되었다. export 명령어도 효과가 없었다. mysql 버전에 따라 root 비밀번호 변경하기 어쩔 수 없이 비밀번호를 변경했다. 검색해보니 mysql버전에 따라 root 비밀번호 변경하는 ..

• Final Project (CODESTATES) Final Project 1주차 기록 지난 주는 Final Project intro 및 SR(Software Requirements)을 작성 및 점검하는 시간을 가졌다. 한 주 동안 팀 및 팀장 선정 프로젝트 아이디어 기획 포지션 분배 기능 리스트업 을 하고 프로젝트 매니저님과 함께 의견을 나누었다. 정민님이 팀장으로 나를 추천하셨다. 사실 나도 팀장을 해 보고 싶었다. 하지만 코로나 때문에 애기가 어린이집에 못 가는 날이 자꾸 생겨서 욕심을 버리기로 했다. 대신, 팀장만큼 꼼꼼한 팀원이 되어야 겠다고 생각했다. 우리 팀은 일기를 쓰고, 레트로 스타일의 템플릿을 제공하며 출력할 수 있도록 예쁘게 편집까지 해 주는 웹 사이트를 만들기로 했다. 처음 일기장의 아이디어를 낸 사람은 다른 팀원이었지만 나도 이미 '맘스다이어리'라는 육아 일기 앱의 ..

• 

  TIL ( CODESTATES) branch merge 실수 재현해보기 팀 프로젝트를 거의 시작하자마자 실수를 했다. dev 브랜치에서 각자 태스크에 따라 feature 브랜치를 따서 작업한 후 pr해서 dev 브랜치에 merge를 해야 하는데 코드스테이츠 프로젝트 과제 설명만 읽다가 바로 해 버렸다. 급하게 내가 작성한 pr을 revert하는 버튼을 눌러봤지만 이게 맞는지도 몰랐다. 어떻게 진행되는지도 모르고 또 있을 수 있는 상황이라서 급히 실습을 해 보았다. 1. 실습 브랜치 생성하기 - 먼저 github에서 branch-practice 라는 새로운 repository를 만들어서 pc로 클론했다. 2. dev 브랜치 생성 및 react app 생성 - master 브랜치이기 때문에 dev 브랜치를 새로 생성해서 이동 후 'practice' 라는 react app을 만들..