React혹은 Next.js 에서 아래와 같은 Warning이 뜨는 경우가 있는데, 주로 반복문에서 key를 누락했을 때, 발생한다. List 안의 데이터를 map이나 다른 메서드를 이용해서 꺼낼 경우 객체를 구분할 수 없기 때문이다.See https://react.dev/link/warning-keys for more information.Each child in a list should have a unique "key" prop. 그런데, 반복문 안의 객체에 key를 분명히 적용시켰는데, 이런 오류가 뜨는 경우가 생겼다. 아래는 그 예시이다. 이 부분에서{menuList.map((menu, index) => ( {menu.children ? ( ..
개발자 공부
개발 환경⚙️ [ Java17, Gradle, Spring 3.3.1 ], [ Github, GithubActions ], [ AWS, EC2 - ubuntu, S3, CodeDeploy ] CI/CD?CI/CD는 지속적 통합(Continuous Integration)과 지속적 배포 (Continuous Deployment)의 약자입니다. CI는 지속적으로 코드를 통합하고 자동화된 테스트를 거치는 것을 의미합니다. 이로 인해서 버그가 줄어들고, 코드의 변경사항이 생길 때 마다 수동으로 테스트하지 오류가 줄어듭니다. 또한 개발자들 끼리 서로 코드가 충돌(conflict)날 수 있는데, 이를 잡아줄 수 있습니다. CD는 CI된 코드를 자동적으로 배포하는 것을 의미합니다. 배포 과정을 자동화하여 사람이 낼 수..
1. HTTPhttp는 Hyper Transfer Protocol의 줄임말로써, 주로 HTML 문서, 이미지, 비디오 및 기타 콘텐츠를 전송하는 데 사용됩니다. 그리고 특별한 보안 장치가 없기 때문에, 누군가가 http의 네트워크 신호를 훔쳐갈 수 있습니다. 이러한 문제를 고치기 위해서 https를 사용하게 됩니다. 2. HTTPShttps는 SSL위에 http를 위에 올려서 통신한다고 생각하면 됩니다. 서버가 클라이언트에게 SSL/TLS 인증서를 제공합니다. 이 인증서는 서버의 신원을 증명하고, 클라이언트가 서버를 신뢰할 수 있는지를 확인할 수 있도록 합니다. 이후에는 클라이언트와 서버는 세션 키(Session Key)를 생성하고 교환 및 데이터를 암호화하여 통신하게 됩니다. 3. Route53 - D..
🍴 Repository 포크하기 Github의 받고 싶은 Repository로 이동한다. Fork 버튼을 누른다. 내 github에 Fork가 되면, git clone url을 통해 내 github에 있는 Repository를 내 local(컴퓨터)에 저장한다. 🧑🏻💻 변경할 점을 수정 혹은 추가하기 내가 merge하고 싶거나 수정하고 싶은 내용들을 내 local에 있는 폴더에서 변경한다. git checkout branch-name으로 작업할 branch로 이동한다. 새 브렌치에서 작업한다면, git checkout -b branch-name으로 만든다. 변경된 내용들을 git add -> git commit -> git push 해서 내 github에서 변경한다. 🚀 PullRequest 하여 me..
🧑🏻💻 Git 설치 방법 [Git 설치] 를 클릭하면 설치할 수 있는 사이트로 들어가집니다. 윈도우의 경우는 "Download for Window"를 누르고 gitbash 까지 설치하면 되고, macOS의 경우 아래 homebrew를 누르고 들어가서 Install Homebrew의 주소를 terminal에 쳐주면 Homebrew는 설치가 된다. 그 이후에 터미널에서 brew install git 을 terminal에 쳐주면, git이 설치가 된다. 📁 GitHub에 저장소 만들기 본인의 repositories로 들어간다. 새로운 repository 를 만든다. repository를 만들 때, public 은 공개이고 private 는 비공개라고 생각하면 된다. 둘 중 하나만 체크하고 만든다. https..
