wintertreey 님의 블로그

내가 담당한 화면들에 구현할 기능은 다음과 같다. 해당 화면은 내가 짠 다이어그램을 기반으로 프론트를 맡으신 동료님께서 작업툴(figma)로 만들어주셨다. 1. 카테고리별 장소 조회/places?category=aa2. 카테고리 및 키워드로 장소 조회(단순한 검색기능)/places?category=aa&keyword=bb3. 선택 장소 1개 조회/places/{p_no} Q.2번 기능을 구현할때 검색한 키워드 값이 주소나 시설명과 매칭되는지를 확인해야했다. keyword라고 지칭했는데..api 짤때 db의 칼럼명과 반드시 매칭되어야 할까? 혹시 이건 RESTful에 어긋나지는 않을까?A.RESTful API에서 엔드포인트와 쿼리 파라미터는 실제 데이터베이스 컬럼과는 관계가 없으며, API의 요구 사항에 ..

db에 다운로드해보자친구사진 넣어보기create table friend(bunho int primary key,irum varchar(20),junhwa varchar(15),jikup varchar(50),sajin blob,imagetype varchar(255));insert into friend(bunho, irum, junhwa, jikup) values(1, '신기해', '01011111234', '자바개발자');select * from friend;   엔티티@Entity@Data@AllArgsConstructor@NoArgsConstructor@Builderpublic class Friend { @Id //@GeneratedValue(strategy = GenerationType.IDENT..

깃허브에서 개인브랜치 생성하기  로컬작업공간(노트북, 컴퓨터)에서 깃허브 레퍼지토리 세팅하기 프로젝트 작업공간으로 새로운 폴더 생성하기.해당 작업공간 폴더에 들어와 깃 배시 열기  git initGit 초기화깃 시작 명령어 git clone https://github.com/username/repository.git  깃허브에 만들어진 폴더 그자체와 브랜치들이 다 들어온다. 개인브랜치 생성같은 작업을 할 필요가 없다.  혹은 세부적으로 작업해주고 싶다면... 하단의 remote~~ 부터 명령어들을 적어주면 된다.  (($ git remote add origin https://github.com/username/repository.git 원격 저장소 추가레퍼지토리 주소 연결  우리 팀 프로젝트의 단계별 깃..

css나 이미지는 static폴더 내에 위치해야한다. 이미지 파일 사이즈 제한주기.  ++ 자동으로 refresh되도록 체크해두자  파일업로드package pack.controller;import org.springframework.web.multipart.MultipartFile;import lombok.Data;@Datapublic class UploadDto { private String myName; private MultipartFile myFile; //등록일 등 기타는 생략}package pack.controller;import org.springframework.stereotype.Component;import org.springframework.web.multipart.MultipartF..

c:\work2\node_ex>mkdir login-sessioncd login-session >npm init -y>npm i express>npm i ejs>npm i --save-dev nodemon>npm i express-session>npm i body-parser  body-parser먼저 Parser는 무엇을 의미하는가?가지고 있는 데이터를 내가 원하는 형태의 데이터로 ‘가공'하는 과정을 parsing 이라 하며 그 과정을 수행하는 모듈 혹은 메소드를 parser 라 일컫는다.단순히 말하자면 내가 모르는 언어를 내가 원하는 언어의 구조로 바꿔주는 일종의 구문 해석기라고 말할 수도 있다.여기서 기억해야 할 것은 parser는 구문 해석을 할 뿐 번역을 하진 않는다. 번역의 역할은 compil..

c:\work2\node_ex>mkdir nodeserver1>cd nodeserver1 >npm init>npm i express>npm i --save-dev nodemon>npm i cors 다음은 폴더를 생성하고, 프로젝트를 생성시 설치한 모듈이다. express: Node.js에서 서버를 쉽게 구축할 수 있도록 도와주는 웹 프레임워크입니다. 간단한 라우팅, 미들웨어, 요청 처리 등을 지원합니다.nodemon: 개발 중에 파일 변경 시 자동으로 서버를 재시작해주는 도구입니다. 코드 변경 사항을 즉시 반영할 수 있어 개발이 용이합니다.cors: Cross-Origin Resource Sharing의 약자로, 서로 다른 출처(도메인) 간의 자원 공유를 허용하도록 서버를 설정하는 미들웨어입니다. 웹 애..

넘길정보가 담긴 파일import express from "express";import path from "path";import { fileURLToPath } from "url";import cors from "cors";const __filename = fileURLToPath(import.meta.url); //import.meta.url : 현재 파일의 경로const __dirname = path.dirname(__filename);const app = express();app.use(cors()); // cors 미들웨어 등록app.use(express.json()); //express.json 미들웨어. json 파싱용.app.set("port", process.env.PORT || 3000)..

place table과 user table에 대해 칼럼을 짜던 중 고민거리가 생겼다. 좋아요 like에 대해서 보여주기 위해, 어느 테이블에 어떤 칼럼이 필요할까?? 우선 내가 구현하고자 하는 기능은 다음과 같다. 1. 사용자가 좋아요한 장소 조회(마이페이지)2. 장소별 좋아요 수(장소 상세페이지)  1. 사용자가 좋아요 한 장소 조회 place 테이블에  p_like boolean으로 가능.p_like 칼럼의 값이 true일 때 해당 장소가 찜된 것으로 간주되므로,  별도의 칼럼 없이도 원하는 기능을 구현할 수 있습니다.  2. 장소별 좋아요 수place 테이블에 like_cnt 칼럼이 필요했다. user 테이블이 아닌 place 테이블에 해당 칼럼을 둠으로써, 효율성, 데이터 집계, 데이터 유지와 업..