wintertreey 님의 블로그

타임리프를 사용하여 구현해보자. 시작하는 index.htmljson 처리: 단일자료json처리: 복수자료ajax 요청처리(jQuery)ajax 요청처리(fetch)  컴포넌트 데이터처리@Component@Datapublic class MyModel { private String name; private String skills[];}  json 처리반환값이 1개일경우@Controllerpublic class JsonController { @Autowired private MyModel myModel; @GetMapping("list") @ResponseBody public MyModel getJson(@RequestParam("name") String name) { myModel.setName(nam..

Git 이란 분산형 버젼 관리 시스템의 한 종류이며, 빠른 수행 속도에 중점을 둔다.  버젼관리 시스템파일의 변화를 시간에 따라 기록했다가 나중에 특정시점의 버젼을 다시 꺼내올 수 있는 시스템. - 각 파일 혹은 프로젝트 통째로 이전 상태로 되돌릴 수 있다.- 시간에 따라 수정 내용 비교가 가능하다.- 파일을 잃어버리거나 잘못 고쳤을때도 쉽게 복구할 수 있다.- 누가, 언제 문제를 일으켰는지 쉽게 추적할 수 있다.  Git 의 장점소스 코드를 주고 받을 필요 없이, 같은 파일을 여러 명이 동시에 작업하는 병렬 개발이 가능하다.(브랜치를 통해 개발한 뒤, 본 프로그램에서 합치는 방식(Merge)으로 개발을 진행할 수 있다.)분산 버전 관리이기 때문에 인터넷이 연결되지 않은 곳에서도 개발을 진행할 수 있고,..

내가 담당한 화면들에 구현할 기능은 다음과 같다. 해당 화면은 내가 짠 다이어그램을 기반으로 프론트를 맡으신 동료님께서 작업툴(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의 약자로, 서로 다른 출처(도메인) 간의 자원 공유를 허용하도록 서버를 설정하는 미들웨어입니다. 웹 애..