# Toyproject

132개의 포스트
post-thumbnail

The Book I Read #5

수정하기, 삭제하기 버튼에 따른 백과 프론트에서의 처리를 해보려고 한다. 일단 백부터 작성해주었다. mongoDB와 크게 다를게 없었던 것 같다. 퀴리문에 대한 이해와 VARCHAR의 값의 한계치 지정에 유의해줘야겠다는 생각이 들었다.index.js ( /backen

약 22시간 전
·
0개의 댓글
·

python_exercise_01_turtle을 사용해 눈꽃만들기(미완성)

python읜 turtle libery를 사용하여 turtle 화면에 10개의 눈꽃을 rendering 해보자~!

약 23시간 전
·
0개의 댓글
·
post-thumbnail

🎁 Gift MBTI - 2. Result 페이지 시작(Emotion theme 적용, SEO 최적화 )

이번 프로젝트에선 emotion으로 스타일링을 하기로 했는데 특별한 이유가 있던 것은 아니고 그냥 다들 많이 쓰길래 사용해봤다.한 번도 사용해본적 없는 라이브러리라 걱정했는데 웬걸 그냥 문법이 styled-components랑 똑같았다!찾아보니 둘 다 CSS-in-JS

2일 전
·
0개의 댓글
·
post-thumbnail

The Book I Read #4

CSS를 통하여 스타일링을 해볼 예정이다. 이번에는 SASS를 활용하여 진행할 것이다.src 안에 style 폴더를 만들어 scss 파일들을 모아 정리해보려 한다.일단 reset.scss를 생성하여 전체적으로 reset을 시켜주었다.일단 대략적으로 스타일을 잡아놓았다.

2일 전
·
0개의 댓글
·
post-thumbnail

The Book I Read #3

Add.js책 추가하기를 위한 작업Postman 테스트하기Add.js 에서 테스트하기정상적으로 입력되는 것을 확인

3일 전
·
0개의 댓글
·
post-thumbnail

The Book I Read #2

Client 쪽 프론트 작업을 시작합니다!최초 App.js와 index.js 제외 다 삭제해줬다pages하위 폴더를 만들어 page를 만들어줬다App.jsBook.js 최초 렌더링 시 useEffect을 이용하여 fetchAllBooks 를 실행 백에서 책에 대한 정

4일 전
·
0개의 댓글
·
post-thumbnail

The Book I Read #1

백엔드 작업부터 시작하였다. 최초 설정과 MySQL연결에 중점을 두었다. nodemon node monitor의 약자로, 노드가 실행하는 파일이 속한 디렉터리를 감시하고 있다가 파일이 수정되면 자동으로 노드 애플리케이션을 재시작하는 확장 모듈. nodemon을 설치하

5일 전
·
0개의 댓글
·
post-thumbnail

🎁 Gift MBTI - 1. Next.js 프로젝트 세팅, ESLint(airbnb), Prettier 설정

오늘부터 약 3주간 웹 디자이너와 협업으로 작은 토이 프로젝트를 진행하게 되었다프로젝트 규모가 작아서 그 동안 사용해보고 싶던 next.js와 redux-toolkit을 연습해보는 좋은 기회가 될 것 같다 👍: Next.js, Typescript, redux-tool

2022년 9월 18일
·
0개의 댓글
·

Sorting-Hat

인원 : 5인기간 : 2022/08/08 ~설문을 통해 영화를 추천해주는 사이트UI Design : https://www.figma.com/file/vJUYcXXqeRVoysYiRy8zMR/1st-toyprojectGithub : https://git

2022년 9월 6일
·
0개의 댓글
·

application.yml (JPA 옵션세팅)

create : springboot가 실행할 때 마다 연결되어 있는 데이터베이스의 테이블을 drop 후 새로 만들어줌 (데이터가 있을 경우 사용지양)update: springboot가 새로 실행을 해도 기존의 테이블과 데이터가 drop 되지 않고 그대로 유지use-ne

2022년 8월 23일
·
0개의 댓글
·
post-thumbnail

[Toy Project] Todo List 일지 2 : state 설정

fetch로 받아온 데이터는 state로 관리하기

2022년 8월 20일
·
0개의 댓글
·
post-thumbnail

[Toy Project] Todo List 일지 1 : update 오류

onChange에 fetch 요청을 지양하기

2022년 8월 18일
·
0개의 댓글
·
post-thumbnail

[spring 토이프로젝트] REST API CRUD 구현하기-2. Service, Request, Controller

Service 구현하기 Repository를 재할당하는 것을 막기 위해 final로 Repository를 선언한다. (참고 : https://www.inflearn.com/questions/473357) 책조회 관련 함수는 총 3개를 구현한다. 먼저 파라미터를 Lo

2022년 8월 18일
·
0개의 댓글
·
post-thumbnail

[spring 토이프로젝트] REST API CRUD 구현하기-1. 프로젝트 생성, Model, Repository

레퍼런스 : https://velog.io/@max9106/Spring-Boot-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1개발 환경IDEA: IntelliJJava:11Spring Boot 2.7.2 B

2022년 8월 13일
·
0개의 댓글
·
post-thumbnail

[spring 토이프로젝트] 게시판 crud, 검색, 페이징 구현- 6. 페이징

레퍼런스 : https://velog.io/@max9106/Spring-Boot-JPA-MySQL-%ED%8E%98%EC%9D%B4%EC%A7%95list.html에서 pageList에서 pageNum을 하나씩 꺼내와 페이징 처리를 하고 있다.page 링크를

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

[spring 토이프로젝트] 게시판 crud, 검색, 페이징 구현- 5. 페이지 검색기능 구현

레퍼런스 : https://velog.io/@max9106/Spring-Boot-JPA-MySQL-%EA%B2%80%EC%83%89%EA%B8%B0%EB%8A%A5list.html에서 검색 form을 누르면 "/board/search"로 get 요청이 들어가며

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

ToyProject - 검색 기능 만들기

검색 기능 만들기 해당 프로젝트의 요구 내용은 다음과 같다. API를 가져와서 사용 할 수 있는가 ? 북마크(즐겨찾기) 기능을 구현 할 수 있는가 ? input의 value를 API에서 검색 할 수 있는가 ? 무한 스크롤을 구현 할 수 있는가 ? 위의 내용을 모두

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

[spring 토이프로젝트] 게시판 crud, 검색, 페이징 구현- 3. 게시글 조회

이제 Mysql에 저장된 데이터를 불러와 조회해보도록 하겠다.list.html에서 Thymeleaf 기능을 사용할 때, boardList 라는 것으로 객체 정보를 출력했으므로 컨트롤러에 boardlist를 넘겨줘야 한다.model을 통해 view에 데이터를 전달해 줄

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

[spring 토이프로젝트] 게시판 crud, 검색, 페이징 구현- 2. 게시글 작성

- Handler 구현 핸들러는 어떠한 url 요청에 대응해 실행할 기능을 매핑하는 것이다. controller 이름의 패키지 생성후 BoardController라는 이름의 클래스를 만들어준다. 이 클래스를 통해 핸들러를 구현할 것이다. 클래스 맨 위에 @Contro

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

[spring 토이프로젝트] 게시판 crud, 검색, 페이징 구현- 1. 프로젝트 생성 및 환경설정

레퍼런스 : https://velog.io/@max9106/Spring-Boot-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%83%9D%EC%84%B1개발 환경IDEA: IntelliJJava:11Spring Boot 2.7.2프로

2022년 7월 25일
·
0개의 댓글
·