wintertreey 님의 블로그

나는 이번 프로젝트에서 open api를 통해 주간날씨를 구현하고 싶었다.  위는 구글과 네이버의 주간날씨의 예시이다. 해당날짜, 아이콘, 온도에 대해서 보여주고있다. 한칸에 하루치를 보여주고, 가로로 여러날짜의 결과를 보여준다.  날씨를 구현하고자 api 를 찾아봤다. 일반적으로 많이들 이용하는 사이트가 openweathermap.org였다.회원가입을 하고, 각자가 받은 api key 값을 주어진 링크에 넣어 json형태로 데이터를 받을 수 있다.   공짜로 얻을 수 있는 데이터의 종류는 다음과 같았다. 현재날씨, 3시간마다의  5일치의 날씨.보통 찾아본 결과, 현재날씨 데이터로 많이들 구현하던데 나는 주간날씨를 원했기 때문에, 3시간마다 5일치의 날씨 정보를 사용하기로 했다.  위치 설정하기해당 사이..

Ref: "place"."p_no" "likes"."target_no"Ref: "review"."r_no" "likes"."target_no"Ref: "flea_market"."m_no" "likes"."target_no"Ref: "flea_market"."m_id" "files"."f_user_id"Ref: "user"."id" "flea_market"."m_id"Ref: "flea_market"."m_no" "chat"."c_flea_no"Ref: "review"."r_no" "report"."report_target_no"Ref: "flea_market"."m_no" "report"."report_target_no" 대부분의 테이블 no에 pk를 주었고, 연관되는 테이블의 칼럼들을 일대다 관계로 까..

프로젝트 생성하기. npm init -y npm i expressnpm i --save-dev nodemonnpm i corsnpm i mariadb  db와 연동하기위해 mariadb도 설치해주었다. 시작! db 연동작업을 위해, db.mjs파일을 하나 만들어준다.import mariadb from 'mariadb';const pool = mariadb.createPool({ host:'127.0.0.1', user:'root', password:'123', database:'test', connectionLimit:5});export default pool; 포트번호, 파일경로등 세팅작업import express from "express";import path from "p..

타임리프를 사용하여 구현해보자. 시작하는 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 원격 저장소 추가레퍼지토리 주소 연결  우리 팀 프로젝트의 단계별 깃..