분류 전체보기 19

[서평] Do it! 알고리즘 코딩 테스트 자바편

이지스퍼블리싱에 책을 제공받아 작성된 서평입니다. 최근 슬슬 취업 준비를 하며 코딩 테스트에 본격적으로 준비를 하게 되었고, 『Do it! 알고리즘 코딩 테스트 자바편』이라는 도서를 접하게 되었다.이 책은 자바를 기반으로 한 알고리즘 코딩 테스트 입문서로, 자료구조부터 문제풀이 전략, 시간/공간 복잡도 개념까지 매우 탄탄하게 구성되어 있다. 자바로 코딩 테스트를 준비하려는 분들에게 최적의 가이드라고 생각한다. 때마침 새롭게 개정된 최신판이 출간되어서, 운이 좋았다네이버, 카카오, 삼성 같은 주요 IT 기업들의 기출 유형을 분석해서, 총 35가지 자료구조와 알고리즘 이론을 한 권에 정리해놨다.기초 이론부터 실전 문제까지 흐름이 잘 잡혀 있어서 처음부터 끝까지 따라가며 공부하기 좋게 구성되어 있었다.특히 백..

카테고리 없음 2025.07.17

Express+Node.js/ 서버 배포 시 , swagger ui가 제대로 안 뜨고 html 코드로 뜨는 경우에 대해서....+webpack

갑자기 잘만 뜨던 swagger ui가 아래처럼 html 코드로 떠버렸다. 진짜 원인을 몰랐다. 서버 재빌드한 것도 아니고, 잘 되다가, 잘 되나? 하고 접속하니 위와 같은 화면이 보였다.프론트팀이 swagger ui를 보고 연동을 해야 하는데, 안돼서 후다다다닥 고치기 시작했다. 하지만... 원인을 모르니, 삽질을 하기 시작했다. 스택오버플로우도 나에게 자유를 주지 않았다.나는 swagger-autogen 을 같이 사용한 경우다. 내가 시도한 해결법1. swagger 관련 모듈 재설치2. swagger-ouput.json 재생성3. nginx /swagger 경로 처리4. app.js  /swagger 라우팅 선언을 최상단에... 위 해결법으로는 저어어언혀 해결되지 않았다. 😠🤮 이걸 고치기 시작한..

AWS node.js 서버 배포 Nginx 404 Not found.....(오로지 서버만 배포 중일 경우)

어제부터 오늘까지 이틀동안 홀로 서버 배포를 하였다.본래는 로컬에서만 하려고 했는데, 프론트가 아직 할 것이 많이 남아 백엔드가 연동을 진행하려고 했다.로컬에서 프론트 코드 백엔드 코드 2개를 구동하여 연동 시도하였다.그런데, 프론트가 더미 데이터를 넣었을 때는 잘 되는 것이 백엔드가 실데이터를 넣었을 때 안되는 부분이 많았다.ex..팝업 안뜸..버튼 안눌림 등등 그래서 서버 배포를 하기로 결정!!내가 이전에 서버 배포 경험이 있어서 담당하게 되었다.그런데 잘만 되던 서버 배포가 갑자기 안되기 시작했다 아니;; 경로도 다 맞고 nginx 설정도 다 맞는데 왜 자꾸 404가 뜨는 것이지..다시는 보고 싶지 않은 404 이틀 동안 계에에속 이거에 매달렸다.nginx 완전 삭제 후 재설치,,pm2 log 계속..

AWS Node.js 서버 배포하기(with.가비아)

처음 해보는 서버 배포...aws 인스턴스 생성 부분은 건너 뛰겠다.생성한 인스턴스를  vscode로 ssh 원격 연결을 시도한다.이를 위해 확장 프로그램의 Remote ssh 모듈을 설치한다. 설치 후 f1을 누르면 아래와 같이 뜨는데 호스트에 연결을 선택한다. https://bitkunst.tistory.com/entry/AWS-EC2-%EB%B0%B0%ED%8F%AC-4-PM2-Nginx-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0 AWS EC2 배포 - (4) PM2 & Nginx 설정하기저번 포스팅에서 git clone을 통해 서버컴퓨터에 프로젝트를 받아오고 빌드하는 과정까지 진행하였다. 이번 포스팅에서는 빌드한 파일을 PM2를 이용해 백그라운드로 돌리는 방법과 Nginx ..

동아리 활동 2024.08.20

[Node.js + React 프로젝트 일지] 02. Swagger API 명세서(feat. express)

소학회 1기를 겪으면서 가장 중요하다고 생각했던 건, 나중에 이 프로젝트를 회고할 수 있도록 뭐든 문서화시키는 거라고 생각했다. 1기 프로젝트는 중구난방으로 진행되다 보니, 뭐가 정형화된 것이 없었다. url 도 일정한 규칙없이 설정되었다.그래서 이번엔 꼭 체계적으로 진행되어야 한다고 생각을 해서 Swagger를 사용해보려고 한다!! Swagger란?Swagger 는 REST API를 설계, 구축, 문서화 및 사용하는 데 도움이 되는 OpenAPI 사양을 기반으로 구축된 오픈 소스 도구 세트입니다.  - https://swagger.io/docs/specification/about/ About Swagger Specification | Documentation | SwaggerWhat Is OpenAPI..

[Node.js + React 프로젝트] US Diary 프로젝트 명세서

US Diary 프로젝트 소개개인의 성향에 따라 다양한 일상을 공유할 수 있는 기록 사이트1. 프로젝트 개요프로젝트 명칭 : US Diary (부제: Earth Diary)프로젝트 소개 : 사람들이 각자의 개성과 성향에 맞춰 일상을 기록하고 공유할 수 있는 플랫폼을 제공합니다.사용자들은 텍스트, 사진, 동영상 등을 통해 자신의 일상을 자유롭게 표현하고 자신만의 방식으로 기록을 남깁니다.개발 인원 : 7명기획 및 설계 기간 : 2024.05 ~개발 기간 : 2024.07.22 ~ 2024.11.14주요 기능폼 로그인 / OAuth 2.0 로그인 기능사용자가 입력한 메일로 임시 비밀번호 전송 기능일기 작성 / 수정 / 삭제 / 이미지 첨부 기능팔로우 / 팔로잉 커뮤니티 기능글 조회순 / 최신순 조회 기능성향..

학회 프로젝트 시작

3~4월까지 진행된 스터디를 마무리하고, 5월부터 본격적으로 프로젝트에 돌입하였다.우리 소학회는 총 15명으로 구성되어 있기 때문에, 2팀으로 나누어 프로젝트를 진행하였다.5월에는 각각 팀별로 기획을 선정하였고, 기획안을 토대로 Flow Chart, 시퀀스 다이어그램, ERD,IA, 기능정의서를 도출하고 설계하였다.6월에는 본래 개발에 들어갈 예정이었으나, 학교 축제, 공휴일, 기말고사가 겹쳐 7월로 일정을 미루고, 그동안 설계한 설계도를 더 탄탄하게 만드는 작업을 하였다. 우리 기획안은 일상을 기록하는 커뮤니티인데, 사실 이러한 서비스의 플랫폼은 많다. 하지만 우리는 기존의 플랫폼과는 차별적인 요소를 두었다. 교수님께서는 개인 맞춤형 플랫폼이 되었으면 좋겠다고 피드백을 주셔서, 이를 반영한 기능도 추가..

소학회 2기 시작

작년에는 학회장님이랑 같이 개설해서,부소학회장으로서 일을 하였다.올해는 학회장님이 학교를 많이 나오지 않아, 내가 직책을 넘겨 받았다.작년에는 1기이다 보니, 어떻게 진행해야 할지 몰라 많이 우왕좌왕했었다.체계성도 많이 없었고, 그러면서 많은 학회원들이 나갔다.그래서 올해는 많은 체계성과 엄격한 관리가 필요하다 생각하여, 계획적이게 진행하고자 하였다.리크루팅0217~0305: 서류 지원 접수0306: 서류 합격자 발표0309~0310: 면접0311: 면접 합격자 발표 내가 면접관이 되어, 면접을 진행하였는데, 면접을 보는 사람도 사람이지만,면접관도 정말 긴장된다. 내가 어리숙하게 굴고, 실수하면 안되기 때문에... 우리는 1.공통 질문 2. 개인 질문 3. 기술 질문 으로 질문을 구성하였다.공통 질문은 ..

모던 자바스크립트 5장 Study

5장 DOM의 기초 DOM이란?프로그래밍 언어로 웹 문서에 접근하고 제어할 수 있도록 웹 문서를 체계적으로 정리하는 방법이다.-문서 객체 모델-웹 문서 객체 -document웹 문서 이미지 -image document.querySelector(선택자): 적용된 여러 개의 요소 중에서 첫 번째 요소를 가져온다. document.querySelectorAll(선택자): 여러 개의 요소를 가져올 때 사용한다. -웹 요소 내용 가져오고 수정하기- ●가져오기 innerText: 웹 브라우저 창에 보이는 내용만 가져온다. innerHTML: 소스에 있는 대로 가져온다. textContent: 요소의 내용을 가져오되 소스에 있는 대로 가져온다. 감춰진 요소까지 가져옴 ●수정하기 .innertext=내용 .innerH..