일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- 생각일기
- mongoose
- 생각로그
- til
- Git
- react
- array
- WIL
- CS
- js
- 기록
- 자바스크립트
- next.js
- nest.js
- 리눅스
- 생각정리
- mysql
- 피드백
- 트러블슈팅
- typescript
- 주간회고
- Grafana
- javascript
- 네트워크
- Java
- 일기
- 코테
- MongoDB
- 회고
- 알고리즘
- Today
- Total
목록2025/01 (5)
코딩일상
1. MongoDB 프로세스 강제 종료현재 실행 중인 MongoDB 프로세스를 확인하고 강제로 종료 1번)sudo systemctl stop mongod 2번)ps aux | grep mongod MongoDB 프로세스 ID(PID)를 확인한 후, 해당 프로세스를 강제 종료합니다. sudo kill -9 2. /tmp/mongodb-27017.sock 파일 삭제MongoDB 프로세스를 종료한 후, 소켓 파일을 강제로 삭제합니다 sudo rm -f /tmp/mongodb-27017.sock3. /tmp 디렉토리 권한 확인 및 수정/tmp 디렉토리 권한이 적절한지 확인하고, 필요 시 수정합니다ls -ld /tmp/tmp 디렉토리의 권한이 drwxrwxrwt (즉, 1777)인지 확인합니다.권한이 올바르지 ..
💡이번 주 한 것 들과 느낀 점 들 🙋🏻♂️개인 1)개발 외주 프로젝트개발 외주 프로젝트관련 클라이언트와 1차 점검을 통해 나왔던,2차 수정안들에 대한 것들을 처리 하였다. 더불어, 1차를 진행하면서 개인적으로 유저 경험에서 불편함이느껴질 것 같은(데이터 로딩 , 데이터 검색, 화면 비율에 대한 처리 등을) 추가 작업진행하였다.(요청은 따로 없었지만 이왕하는것 제대로 만들어 보고싶은 마음이 좀더 있었다) 기존 코드들을 정리하고 추후 수정 과 미래의 나를(?)위해서 주석들을 추가 및 정리하였으며, 코드들또한 한번 리팩토링 하였다. 사실 이번주는 딱히 뭔가 개인적인 일은 크게 못했당...하루에 30분이라도 해야하는 습관을 기르자.. 회사만 다녀오면 왜 이렇게 진이 빠지는지 일이 몰려서 그런가. 2..
Next.js에서 설정 파일인 next.config.js는 웹사이트의 동작을 최적화하고 보안을 강화하며 개발 환경과 실제 배포 환경 간의 차이를 관리할 수 있는 중요한 역할을 합니다. 이 문서에서는 설정 파일을 구성하는 방법과 각 기능의 사용 이유, 장점, 단점, 그리고 코드 예제를 통해 자세히 설명하겠습니다목차리다이렉션 설정하기환경 변수외부 이미지 도메인 허용커스터마이징 국제화 설정보안 헤더 설정하기1. 리다이렉션 설정하기사용 이유오래된 URL을 새로운 URL로 연결할 때 유용합니다.SEO를 유지하고 사용자 경험을 개선할 수 있습니다.장점사용자가 잘못된 URL로 접속해도 자동으로 올바른 페이지로 이동합니다.검색 엔진 크롤러가 새로운 URL을 쉽게 인식합니다.단점많은 리다이렉션 규칙이 있을 경우 관리가 ..
💡이번 주 한 것 들과 느낀 점 들 🙋🏻♂️개인 1)개발 외주 프로젝트개발 외주 프로젝트관련 클라이언트와 1차 점검을 통해 나왔던,2차 수정안들에 대한 것들을 처리 하였다. 더불어, 1차를 진행하면서 개인적으로 유저 경험에서 불편함이느껴질 것 같은(데이터 로딩 , 데이터 검색, 화면 비율에 대한 처리 등을) 추가 작업진행하였다.(요청은 따로 없었지만 이왕하는것 제대로 만들어 보고싶은 마음이 좀더 있었다) 2)개인 프로젝트(운영중인 러닝 모임 출석관리 어플)추가 하고싶은 기능들과 화면 디자인 구성 기획개발 단계 적용 다음주 중에 운영 배포 및 리뷰 받을 에정 사용자(우리 크루원)들 통해서 🏢회사-팀과의 협업과 소통의 중요성최근에 신규 사업건 관련 담당을 어쩌다 보니 담당하게되었다.뭐 지정을 ..
개요next.js 를 통해서 개인 프로젝트를 진행하던중Hydration mismatch 라는 이슈를 마주하게 되었다. 하이드레이션이란? 하이드레이션 비유를 🧊 얼음 큐브(서버의 HTML) → 💧 물(상호작용 가능한 웹페이지)서버에서 보내준 HTML은 '얼음 큐브’이다모양은 갖추어져 있지만, 딱딱하고 변화가 없다. 이 얼음 큐브가 브라우저에서 '물'이 되어야 사용자와 상호작용할 수 있다.이렇게 얼음을 물로 만드는 과정이 바로 '하이드레이션'왜 하이드레이션이 필요??1. 빠른 초기 로딩 - 서버가 미리 HTML을 만들어서 보내줌 - 사용자가 빨리 콘텐츠를 볼 수 있음2. 검색 엔진 최적화(SEO) - 검색 엔진이 콘텐츠를 잘 읽을 수 있음 - 더 나은 검색 결과 노출3. 사용자 경험 - 초기 화면이 ..