🖥️ 프로젝트 소개 [ 웹사이트 바로가기 ] ⭐️ 로그인 창에 기본 값으로 작성되어 있는 계정으로 로그인 시 회원가입 없이 사이트를 둘러보실 수 있습니다. https://sesacin.online/ 메인 사진에 어떠어떠한 구조물이 있는지 분석하는 ai를 개발하려면 어디부터 시작해야할까요?이런걸 시작하기 위해 필요한 부분들이 정리돼있는 책, 유튜브, 혹은 검색해볼 주제를 알려주셨으면 좋 sesacin.online [ Github 바로가기 ] https://github.com/SesacProjectTeamC/SesacIn GitHub - SesacProjectTeamC/SesacIn: 새싹 프로젝트 팀프로젝트 TeamC 새싹 프로젝트 팀프로젝트 TeamC. Contribute to SesacProjectTe..

0. Mongoose란 Mongoose를 간단하게만 소개하자면, Mongo DB ODM 중 가장 유명하고 많이 쓰이는 자바스크립트 객체 지향 프로그래밍 라이브러리라고 한다. ODM Object Document Mapping 객체와 문서를 1대 1 매칭한다는 의미 Object - 자바스크립트의 객체 / Document - 몽고 DB의 문서 즉, 문서를 DB에서 조회할 때 자바스크립트 객체로 바꿔주는 역할을 하는 것 1. 오류 발생 배경 Node.js 교과서를 보고 공부하던 도중 서버를 실행시켜보려 했는데 에러가 떴다. 오류 메세지를 읽어보면 connect 함수가 더 이상 콜백을 지원하지 않는다는 것이었다. OwO... 2. 원인 및 해결 찾아보니 이전에는 connect 함수와 콜백 함수를 사용했지만, Mo..

gradle을 사용하여 작업을 할 때, 가끔 가다가 dependency를 추가하며 코드가 꼬이는 경우가 발생할 수 있다고 한다. ( build.gradle 파일에 의존성이 추가되며,, 발생할 수도 있는 문제 ) 이를 방지하기 위해 gradle을 refresh 하면 좋다고 하는데 ( 새로고침? 최신버전으로 다시 불러오기? 이렇게 생각하면 쉽다. ) 물론 사람마다 사용하는 IDE가 다르기 때문에 작업하고 있는 것 기준으로 어떻게 진행할 수 있는지 간단하게 정리해보려 한다. 현재 사용하는 툴인 인텔리제이에서 Gradle Dependencies refresh 하는 법!! 1. IntelliJ의 상단 탭 View > Tool Windows > Gradle 클릭 2. 우측에 Gradle 탭 확인 이런 식으로 우측에..

1. 깃허브 레파지토리 생성 2. vs코드 git bash에서 git init으로 초기화 한 뒤 생성한 레파지토리 연결 git init git remote add origin [github repository url] git add . git commit -m "init" git push origin main -> 프로젝트 배포 시에는 파일 위치로 이동하면 될 듯 3. putty 열어서 저장되어 있던 계정 연결하고 로그인 IP 주소 확인 : NCP 접속 -> console -> server -> server에서 "공인" IP 주소 확인 4. putty에서 git clone deployment-pj form 이게 올라가야 하는 파일 이름 5. 아래 작업 실행 1) sudo apt install nodejs..

0. Nodemon이란? Nodemon은 프로젝트 폴더의 파일들을 모니터링하고 있다가, 파일이 수정되면 서버를 자동으로 재실행 시켜주는 패키지이다. node app을 하면 코드 수정 후 매번 서버를 종료했다가 다시 실행시켜야 하는 번거로움이 있기 때문에.. 아주 편리하다는 장점이 있다 🙂 1. 설치 nodemon은 다른 패키지 설치와 동일하게 npm i nodemon 명령어로 설치할 수 있다. npm install nodemon --save-dev 위 코드와 같이 -dev를 붙이면, development mode, 즉 local에서만 사용하겠다는 의미이다. 2. 앗 오류 ?! 여느떄와 같이 노드몬을 사용 하려고 npm i nodemon을 실행했다. 근데 로컬에서 사용하려고 저렇게.. 작성하고 설치를 완료..

1. organization 팀 생성 협업을 위한 깃 레파지토리를 생성할 때, 단순히 레파지토리를 생성하여 팀원들을 초대하게 되면 해당 레파지토리는 생성한 한 사람의 소유처럼 되어버린다. 따라서, 팀 프로젝트 시 organization을 생성하여 협업자들을 추가하게 되면 모든 팀원이 소유자가 되기 때문에, 이러한 방식으로 하나의 조직을 생성하는 것이 바람직하다. 깃 허브에서 오른쪽 사이드바를 열게 되면, Your organizations라는 탭을 확인할 수 있다. 위의 New organization을 클릭한 뒤 무료 조직으로 생성을 누르게 되면, 이렇게 기본적인 정보들을 작성하면 된다. 위 화면에서 협업자들을 추가한 뒤 Complete setup을 누르면 조직이 생성된다. 2. 퍼블릭 레파지토리 생성 이..

0. 쿠키(Cookie)란? 웹 서비스를 사용할 때 클라이언트가 정보를 유지하는 성격의 서비스가 많아짐 (ex. 로그인을 통해 볼 수 있는 서비스, 장바구니 등등) 웹 서버가 브라우저에게 지시한 뒤 사용자의 로컬 컴퓨터에 파일 또는 메모리에 저장하는 작은 기록 정보 파일 필요시 정보를 참조하거나 재사용 가능 파일에 담겨있는 정보는 인터넷 사용자가 같은 웹 사이트를 방문할 때마다 읽힘 새로운 정보로 업데이트 가능 [ 특징 ] 이름, 값, 만료일(저장 기간 설정), 경로 정보로 구성 클라이언트에 총 300개의 쿠키 저장 가능 하나의 도메인 당 20개의 쿠키를 가질 수 있음 하나의 쿠키는 4KB(4096byte)까지 저장 가능 1. 쿠키 - 구성요소 구성 요소 설명 Name 쿠키의 이름 Value 쿠키에 저장..

0. SQL 개념 구조적 쿼리 언어 ( Structured Query Language ) 관계형 데이터베이스에서 원하는 데이터를 추출, 분석하는 데에 도움을 주는 쿼리 언어 실행 순서가 없는 비절차적인 언어 데이터의 흐름이나 특정 조건에 따른 데이터 분석도 가능 데이터베이스 성능을 유지, 관리하고 최적화하는 데에 SQL 사용 가능 1. SQL 특징 관계형 데이터베이스를 처리하는 가장 좋은 방법 스프레드 시트와 같이 데이터를 테이블로 구성 작은 데이터 세트부터 큰 스택까지 모든 데이터를 분석하고 조작할 수 있음 대소문자를 구분하지 않음 빠르고 이식 가능한 쿼리 언어 → 아주 짧은 시간 안에 방대한 양의 데이터를 처리할 수 있음 → 높은 효율성 표준화된 언어 → 대규모 커뮤니티가 존재하는 오픈 소스 개발 언..

0. multer란 파일 업로드를 위해 사용되는 Node.js의 미들웨어 express로 서버 구축 시 가장 많이 사용되는 미들웨어 multipart/form-data 형식으로 단일 및 다중 파일 업로드를 지원하기 때문에 많이 사용됨 1. 설치 방법 Vscode의 터미널에서 npm i multer 명령어를 통해 설치할 수 있다. (일반적인 모듈 설치 방법과 동일) 이렇게 뜨며 설치가 완료되고 package.json에 정상적으로 추가되는 것을 확인할 수 있다. 간단한 실습을 통해 어떻게 사용하는지 살펴보려 한다. 코드 안에 주석으로 자세한 설명을 작성해 두었으니 꼼꼼히 읽어보면 도움이 될 것 같다. 3. 간단 실습 - 파일 업로드 3.1 Single file upload single() 하나의 파일 업로드..

0. GET 이란? 클라이언트에서 서버로 어떠한 리소스로부터 정보를 요청하기 위해 사용되는 메서드 ex) 게시판의 게시글 조회 GET을 통한 요청은 URL 주소 끝에 파라미터로 포함되어 전송 주소 끝 파라미터 부분을 쿼리 스트링 (query string)이라고 부름 URL 끝에 " ? "를 붙이고 그다음 변수명 1=값 1&변수명 2=값 2... 형식으로 이어 붙임 이때, 서버에서는 name1 과 name2라는 파라미터 명으로, 각각 value1 과 value2의 파라미터 값을 전달받음 www.example.com/show?name1=value1&name2=value2 이렇게 로컬호스트 url 맨 뒤에 물음표가 띵 나와서 뭐지? 했는데 이는 get 요청의 특징 중 데이터 전달할 때 생성되는 거라고 한다. ..