코딩일상

목차글작성계기해결과정과정에서 느낀 점결론 1. 글 작성 계기사이드 프로젝트로 현재 프런트를 하게 되었다.아무래도 메인으로 한 번도 해보지 않은 프로젝트다 보니 우선은 단순 기능 구현에 집중을 하였다.그렇게 생각이 드는 대로만 코드를 작성하고 개발을 하다 보니 코드의 가독성이 스스로 별로 좋지 않다고 느꼈다. 지금은 규모가 크지 않은 프로젝트여서 괜찮을 수도 있을 거 같은데 추후 문제 가 될 것이라 느껴졌다. 즉, 아키텍처 룰이 필요하다 느꼈고 어떤 룰을 정해서 해야 할까 고민을 했다.  2. 해결과정이럴 때 가장 문제를 해결하는 법은 이러한 경험이 있는 분들에게 조언을 얻는 것이 가장 빠른 해결법이라 생각을 하여주변 프런트 엔드 지인분에게 현재의 나의 상황에 대해 설명을 하였고 그리고 결론을 내렸다. 그..

상태 확인은 애플리케이션의 안정성과 가용성을 유지하는 데 필수적입니다. 애플리케이션의 상태와 성능을 정기적으로 모니터링하면 문제를 신속하게 감지하고 사전 조치를 취하여 지속적인 서비스 가동 시간을 보장할 수 있다.healthCheck 중요한 이유서비스 수준 계약(SLA): 많은 기업에서는 특정 가동 시간 보장을 유지해야 합니다. 상태 점검은 애플리케이션 가용성을 모니터링하여 규정 준수를 보장하는 데 도움이 됩니다. 문제 조기 감지: 정기적인 상태 점검을 통해 문제가 최종 사용자에게 영향을 미치기 전에 식별하여 보다 빠른 해결이 가능합니다. healthCheck 설정기본 상태 확인 엔드포인트를 구현하려면Express 프레임워크를 사용하여 애플리케이션의 상태를 반환하는 간단한 경로를 생성할 수 있습니다. c..

express-rate-limit 기능정의Express용 기본 속도 제한 미들웨어. 반복되는 요청을 암호 재설정과 같은 공용 API 및/또는 엔드포인트로 제한하는 데 사용합니다.   middleWare로 적용한 예제 1)const limiter = rateLimit({ windowMs: 15 * 60 * 1000, // 15 minutes max: 100, // Limit each IP to 100 requests per `window` (here, per 15 minutes) standardHeaders: true, // Return rate limit info in the `RateLimit-*` headers legacyHeaders: false, // Disable the `X-RateLimit-..

1.네트워트 관련 용어 호스트: 가장자리 노드, 네트워크 정보 최초 송신/수신 네트워크 장비: 라우터, 공유기, 스위치 통신 매체:유.뮤선의 연결 매체 네트워크의 기본 구조:  호스트, 네트워크 장비, 통신 매체, 메시지 네트워크의 분류범위에따른 분류LANWAN메시지 교환 방식에 따른 분류회선 교환패킷 교환 LAN(LocalAreaNetwork)하나의 건물이나 캠퍼스와 같이 비교적 지리적 영역에 걸쳐있는 컴퓨터와 기타 장치들을 서로 연결하는 네트워크 WAN(WIdeAreaNetwork)지리적 넓은 범위의 걸쳐있는 네트워크로서 여러도시, 주, 나라를 아우르는 광범위한 네트워크 회선교환 네트워크(CircuitSwitching Network)호스트간에 메시지를 주고받기 전에 메시지 전송로(회선(물리적))를 설..

💡이번 주 한 것 들과 느낀 점 들 🙋🏻‍♂️개인 적 운영하고 있는 모임매니지먼트(사이드 프로젝트) 이슈발생 1) 일정 마감 기한 준수 실패 고객 쪽 클라이언트 프로젝트를 담당하기로 하신 분이 개인 사정이 생겨 일을 하지 못하게 되어 일정이 딜레이가 발생되었음 -느낀 점: 중간중간 일정 체크를 물어보아 실제 배포에 문제가 없는지 혹은 진행에 문제가 없는지를 파악을 해야 하는 게 중요하다 느낌 나중에 문제를 알게 되면 수습이 어려워짐 -조치 사항: 당장의 사람을 구할수는 없기에(믿을 수 있는) 우선 내가 담당하기로 하고 일정 조율을 다시 하기로 함 2) 우선순위변경 클라이언트 화면 디벨롭보다는 관리자 페이지 화면 구현을 우선으로 하기로 하였다. 디자인적인 측면에서 클라이언트 쪽이 더 발전이 되면 좋지만 당..

What is your project named? my-app Would you like to use TypeScript? No / Yes Would you like to use ESLint? No / Yes Would you like to use Tailwind CSS? No / Yes Would you like to use `src/` directory? No / Yes Would you like to use App Router? (recommended) No / Yes Would you like to customize the default import alias (@/*)? No / Yes What import alias would you like configured? @/* 1.프로젝트 이름 (m..

dev 버전의 mysql이 DBeaver에서는 문제없이 connection spring application에서는 connection 에러가 발생 DBeaver 연결에서 사용된 Driver 값과 mysql-connector-java 버전이 다르다는것을 파악 ( mysql-connector-java버전이 하위) DBeaver 연결에서 사용된 Driver 값과 mysql-connector-java 버전을 맞춰주니 문제 없이 연결 완료 mysql mysql-connector-java 8.0.29

💡이번 주 한 것 들과 느낀 점 들 🙋🏻‍♂️개인 적 운영하고 있는 모임매니지먼트(사이드 프로젝트) *버전업데이트(디자인적) 디자이너로 와주신 분의 안으로 버전 2 형태로 구성을 프런트 담당자분이 해주시로 하였고 나는 관리자 페이지를 하기로 하였다. 프런트는 아무래도 익숙하지 않다 보니 나만의 기준이 없었고 BestPractice를 한번 경험하고 진행하면 좋을 것 같아 유명 개발 유튜버의 cloneCoding을 진행하였다. *관리자 페이지 진행을 위해 클론코딩을 해 본 느낌 확실히 폴더 구성 css 레이아웃 구성방식을 보면서 따라 하다 보니 논리적으로도 이해가 잘되었고(자원관점적으로 하다 보니 공통화 이 부분이 매우 마음에 들었음) 코드를 어떤 순으로 진행할지에 대한 a to z를 유능한 사람을 따라가 ..

작성이유 jsp 작업을 하다 문득 내가 html에 대해 너무 모르고 그냥 하고 있다는 생각이 들었다. 옛날에 대충 훍기만 하였던 서적을 다시 보다 가장 많이 접하는 attribute 부분부터 보는 게 공부의 효율이 좋아 보여 이 부분을 다시 정리 차원에서 독서 후 블로그로 정리하였다. attribute란? HTML 어트리뷰트(attribute)는 웹 개발에서 중요한 역할을 합니다. 어트리뷰트는 웹 페이지의 요소(element)에 대한 추가적인 정보를 제공 1) 요소의 속성 설정: 어트리뷰트를 사용하여 HTML 요소의 다양한 속성을 설정할 수 있습니다. 요소의 type 어트리뷰트는 입력 필드의 유형(텍스트, 비밀번호 등)을 지정하는 데 사용 2) 스타일 지정: style 어트리뷰트를 통해 개별 HTML 요..

💡이번 주 한 것 들과 느낀 점 들 🙋🏻‍♂️개인 적 운영하고 있는 모임매니지먼트(사이드 프로젝트) 1)팀원구성 디자이너와 프론트엔드분을 같으 러닝크루내에서 구하게되었다. (나의 뛰어난 언변을 통해...) 다들 재밌을거 같아서 해보고싶어했고 내가 가지고있는 방향에 대해서도 공유하였다. 2)업데이트 디자이너분 께서 새로운 디자인 버전 2를 제안을 해주셨고(2개의 안) 그중 1개를 선택하였고 프론트 엔드분이 3월 31일까지 완료해주기로 하셨다. 관리자페이지 부분또한 내가 생각한 레이아웃과 흐름을 그림을 그려 디자이너 분에게 전달을 하여 4월 5일날 받기로 하였다. 디자인을 받기 전까진 나는 프론트 쪽 공부를 해보기로 계획을 했다 (사실 아직완전 구체적으로 작성은 하지 못했다..) 개인 프로젝트 회사일을 하면..