[팀프로젝트] 개발 5주차 회고
·
개발생활
Keep 기능 구현 ▶ 목표 기한 내 기능 구현을 빠르게 완료하고 전체적인 리팩토링을 진행했다. Problem 백엔드 API 연동 ▶ MSW를 사용했을 때는 문제 없던 API가 실제 백엔드 API와 연동했을 때 문제가 발생했다. ▶ API 명세를 처음 작성할 때 확정하지 않고 러프하게 작성해서 발생한 문제라고 생각되기도 한다. 또다시 게을러짐 ▶프로젝트가 끝나가니 다시 특유의 게을러짐이 발생하는 것 같다. ▶더 많이 작업할 수 있는데, 귀찮아서 내일로 미루는 경향이 발생한다. Try 초심을 생각하자 ▶ 짧게 봤을 때는 프로젝트가 끝나가서 마음이 풀리는 경향이 있는데, 프로젝트가 끝나더라도 공부가 끝나는 것은 아니기 때문에 다시 집중해서 작업하자!
[React] Nginx를 사용해서 배포하기
·
React/실험실
React 프로젝트를 만들고 이제 배포를 하는 작업이 필요하다. 여러가지 방법이 있겠지만 역시 가장 만만한건 Nginx가 아닐까 생각된다. Naver Cloud에 Nginx를 사용해서 배포하는 작업을 진행할 것이다. 환경 정보 Server : Naver Cloud os: 우분투 20 서버를 만드는 작업은 이전에 작성한 글이 있기 때문에 그것을 참고하길 바란다! 그리고 기본적으로 배포할 React 프로젝트가 있다는 것은 전제로 진행하겠다. 필요 파일 설치 apt install npm npm이 서버에 설치되어 있지 않을 것이기 때문에 설치해준다. apt install nginx 마찬가지로 nginx도 설치되어 있지 않기 때문에 설치해준다. 패키지 가져오기 뭐 별거 없다. 깃허브에 저장되어 있는 Repo를 클..
SEO
·
개발정보
SEO ( Search Engine Optimisation )에 대해서 알아보자! 우선 영어 그대로 해석해보면 검색 엔진 최적화이다. 검색 엔진에는 어떤게 있을까? ( Search Engine ) ? ▶ 구글 검색 엔진 ▶ 덕덕고 ▶ 네이버 검색 엔진 ... 등등등 이러한 검색 엔진은 어떻게 동작할까? ▶ 크롤러가 공개된 IP의 데이터를 전부 긁어 온다 ▶ 긁어온 데이터를 가공해서 화면에 노출시킨다. ▶ 여기서 어떤 데이터를 먼저 노출 시킬 지를 결정한다. => 여기서 SEO를 통해서 최상단에 나오게 하려는 노오력을 하게된다. 즉, SEO는 검색 결과로 내가 상단에 나오게 하기 위해서 하는 노오력이다. SEO는 어떻게 해야할까? 흔히 아는 방식으론 ▶ HTML 잘 사용하기 ▶ 웹 접근성 개선하기 ▶ 메타..
Error: Cannot find module 'semver'
·
개발정보
Node의 버전이 10버전이라서 ( 충격?! ) 업데이트를 진행하니 오류가 나타났다. 알고보니 내가 사용한 방법으로 node의 버전이 올라가지 않아서 버전 문제였다. (내가 사용한 방법이란 npm install -g n ) 그리서 nvm을 사용해서 버전을 올리는 작업을 했다 . sudo apt-get install build-essential libssl-dev curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash source ~/.bashrc 먼저 nvm이 없어서 설치하는 작업을 수행했다. nvm install 18.12.1 그리고 원하는 버전을 설치해서 정상적으로 node의 버전이 올라간 것을 확인했다.
[알고리즘] 과일 장수
·
알고리즘
문제 설명 과일 장수가 사과 상자를 포장하고 있습니다. 사과는 상태에 따라 1점부터 k점까지의 점수로 분류하며, k점이 최상품의 사과이고 1점이 최하품의 사과입니다. 사과 한 상자의 가격은 다음과 같이 결정됩니다. 한 상자에 사과를 m개씩 담아 포장합니다. 상자에 담긴 사과 중 가장 낮은 점수가 p (1 ≤ p ≤ k)점인 경우, 사과 한 상자의 가격은 p * m 입니다. 과일 장수가 가능한 많은 사과를 팔았을 때, 얻을 수 있는 최대 이익을 계산하고자 합니다.(사과는 상자 단위로만 판매하며, 남는 사과는 버립니다) 예를 들어, k = 3, m = 4, 사과 7개의 점수가 [1, 2, 3, 1, 2, 3, 1]이라면, 다음과 같이 [2, 3, 2, 3]으로 구성된 사과 상자 1개를 만들어 판매하여 최대 ..
Naver Cloud 서버 만들기
·
개발정보
들어가며. 본인 AWS 밖에 사용해보지 못했습니다. 그것도 대학교에서 과제한다고 한번.. 근데 이번에 Naver Cloud 서버를 만드려고 하는데 최신 버전은 뭐가 많아서 머리가 핑핑 돌아버려서 저와 같은 실수를 하지 않으셨으면 해서 적어봅니다... 고고! NCloud에 로그인을 하고 콘솔화면을 들어가면 위와 같이 있습니다. 좌측의 Services를 누르고 Server를 선택합니다. 그러면 본격적으로 서버를 생성해봅시다! 본인의 지갑 사정에 맞는 디스크 크기를 설정하고, 서버 이미지를 선택하세요! 여기가 어질어질한 곳이다.. VPC가 뭐여?! VPC는 내부 네트워크 대역을 선택하는 것이다. 사용할 수 있는 대역으로는 10.0.0.0/8, 172.16.0.0/12 192.168.0.0/16 대역을 사용할 ..
[알고리즘] 푸드 파이트 대회
·
알고리즘
문제 설명 수웅이는 매달 주어진 음식을 빨리 먹는 푸드 파이트 대회를 개최합니다. 이 대회에서 선수들은 1대 1로 대결하며, 매 대결마다 음식의 종류와 양이 바뀝니다. 대결은 준비된 음식들을 일렬로 배치한 뒤, 한 선수는 제일 왼쪽에 있는 음식부터 오른쪽으로, 다른 선수는 제일 오른쪽에 있는 음식부터 왼쪽으로 순서대로 먹는 방식으로 진행됩니다. 중앙에는 물을 배치하고, 물을 먼저 먹는 선수가 승리하게 됩니다. 이때, 대회의 공정성을 위해 두 선수가 먹는 음식의 종류와 양이 같아야 하며, 음식을 먹는 순서도 같아야 합니다. 또한, 이번 대회부터는 칼로리가 낮은 음식을 먼저 먹을 수 있게 배치하여 선수들이 음식을 더 잘 먹을 수 있게 하려고 합니다. 이번 대회를 위해 수웅이는 음식을 주문했는데, 대회의 조건..
[팀프로젝트] 개발 4주차 회고
·
개발생활
Keep 목표 완료 ▶ 프로젝트를 진행하면서 기한 내에 작업해야할 부분을 모두 완료했다. 네이밍 컨벤션 수정 ▶ 처음 설계 시 부족했던 네이밍 컨벤션 부분을 리팩토링을 진행하면서 통일시켰다. ▶ 한번 달라진 네이밍 컨벤션을 계속 나둘 경우 추후 본격적으로 리팩토링 시 코딩 스타일이 달라서 힘들 것이라고 판단 확실한 피드백 ▶ 프로젝트를 하면서 필요한 말이라면 관계가 서먹해질 수 있더라도 하자는 생각을 가졌는데, 이번에 같이 작업하는 프론트엔드 개발자분이 작업이 모두 완료되지 않은 상태에서 당장의 기능이 완료되었다고 판단해 완료로 체크해서 계속 새로운 task를 받고 기존 작업의 리팩토링과 같이 새로운 작업을 진행해서 점점 task가 쌓여간다는 느낌을 받았다. 그래서 회의 시간에 이렇게 가면 혼자 더 힘들..