Juun의 개발 기록

2022.06.07 - [Practice] - [JavaScript] JS로 그림판 만들기, Fill 기능 구현하기! [7/8] [JavaScript] JS로 그림판 만들기, Fill 기능 구현하기! [7/8] 2022.06.07 - [Practice] - [JavaScript] JS로 그림판 만들기, paint 색상, 붓 사이즈 바꾸기! [6/8] [JavaScript] JS로 그림판 만들기, paint 색상, 붓 사이즈 바꾸기! [6/9] 2022.06.06 - [Practice] - [JavaScr.. puenti.tistory.com 저번 포스팅은 Fill 기능까지 넣어줬다! 이번 포스팅은 마지막 save 기능을 넣어주도록 해보자! canvas는 pixel을 다루는거라 기본적으로 image를 만들..

2022.06.07 - [Practice] - [JavaScript] JS로 그림판 만들기, paint 색상, 붓 사이즈 바꾸기! [6/8] [JavaScript] JS로 그림판 만들기, paint 색상, 붓 사이즈 바꾸기! [6/9] 2022.06.06 - [Practice] - [JavaScript] JS로 그림판 만들기, 그림 그려보기[5/9] [JavaScript] JS로 그림판 만들기, 그림 그려보기[5/9] 2022.06.06 - [Programming/JavaScript] - [JavaScript] JS로 그림판 만.. puenti.tistory.com 이제 fill 버튼 기능을 만들어보자 fill 버튼을 누르고 원하는 색상을 클릭하면 컨버스 색상이 클릭한 색상으로 변하게 되는 기능이다!! ..

2022.06.06 - [Practice] - [JavaScript] JS로 그림판 만들기, 그림 그려보기[5/8] [JavaScript] JS로 그림판 만들기, 그림 그려보기[5/8] 2022.06.06 - [Programming/JavaScript] - [JavaScript] JS로 그림판 만들기, 마우스 기능 추가하기 [4/9] [JavaScript] JS로 그림판 만들기, 마우스 기능 추가하기 [4/9] 2022.06.06 - [Programming/JavaScript].. puenti.tistory.com 이전 글에서는 그림을 그려주는 기능을 만들어보았다! 이번 포스팅은 paint 색상을 클릭하면 색상이 바뀌고 붓 사이즈를 바꿔주는 기능을 넣어보자 먼저 paint 색상을 바꾸는 기능부터 만들자 ..

2022.06.06 - [Programming/JavaScript] - [JavaScript] JS로 그림판 만들기, 마우스 기능 추가하기 [4/9] [JavaScript] JS로 그림판 만들기, 마우스 기능 추가하기 [4/9] 2022.06.06 - [Programming/JavaScript] - [JavaScript] JS로 그림판 만들기, save, fill 버튼, range 추가하기! [3/9] 저번 시간까지 기본적인 디자인은 마쳤다!! 이제 기본적인 디자인은 끝났으니 이제 JS를 해.. puenti.tistory.com 저번 포스팅에서 마우스로 좌표 기능까지 넣어봤다! 이번 포스팅은 그림을 그릴 수 있게 기능을 넣어보자! app.js const canvas = document.getElement..

2022.06.06 - [Programming/JavaScript] - [JavaScript] JS로 그림판 만들기, save, fill 버튼, range 추가하기! [3/8] [JavaScript] JS로 그림판 만들기, save, fill 버튼, range 추가하기! [3/8] 2022.06.06 - [Practice] - [JavaScript] JS로 그림판 만들기, 물감 추가하기 [2/8] [JavaScript] JS로 그림판 만들기, 물감 추가하기 [2/8] 2022.06.06 - [Practice] - [JavaScript] JS로 그림판 만들기, 캔버스.. puenti.tistory.com 저번 시간까지 기본적인 디자인은 마쳤다!! 이제 기본적인 디자인은 끝났으니 이제 JS를 해보자! 먼저 ..

2022.06.06 - [Practice] - [JavaScript] JS로 그림판 만들기, 물감 추가하기 [2/8] [JavaScript] JS로 그림판 만들기, 물감 추가하기 [2/8] 2022.06.06 - [Practice] - [JavaScript] JS로 그림판 만들기, 캔버스 만들기 [1/8] [JavaScript] JS로 그림판 만들기, 캔버스 만들기 [1/8] 3달 전쯤 배운 JS가 기억이 가물가물해서 간단한 미니프로젝트도 해볼.. puenti.tistory.com 이전 글에서 색상까지 추가해봤다!! 이제 이걸 저장하고 채워줄 버튼과 붓 두께를 설정해줄 range를 만들어보자! 먼저 index.html에서 save, fill 버튼과 range를 만들어준다 Fill Save 그 다음은 st..

2022.06.06 - [Practice] - [JavaScript] JS로 그림판 만들기, 캔버스 만들기 [1/8] [JavaScript] JS로 그림판 만들기, 캔버스 만들기 [1/8] 3달 전쯤 배운 JS가 기억이 가물가물해서 간단한 미니프로젝트도 해볼겸 JS로 간단한 그림판을 한 번 만들어볼게요!! 먼저 index.html, app.js, styles.css 를 만들어줄게요! styles.css @import "reset.css"; bo.. puenti.tistory.com 이전 글에서는 캔버스를 만들어봤다 이제 색칠할 물감을 추가해보자!! index.html 9가지 색상을 넣어준다! styles.css @import "reset.css"; body { background-color: #f6f9f..

3달 전쯤 배운 JS가 기억이 가물가물해서 간단한 미니프로젝트도 해볼겸 JS로 간단한 그림판을 한 번 만들어볼게요!! 먼저 index.html, app.js, styles.css 를 만들어줄게요! styles.css @import "reset.css"; body { background-color: #f6f9fc; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; display: flex; flex-direction: column; align-items: center; padding: 50px 0px; } .ca..

2022.04.29 - [Practice] - JSP로 반응형 게시판 만들기[8] / 게시글 삭제 및 수정 기능 JSP로 반응형 게시판 만들기[8] / 게시글 삭제 및 수정 기능 2022.04.29 - [Practice] - JSP로 반응형 게시판 만들기[7] JSP로 반응형 게시판 만들기[7] 2022.04.28 - [Practice] - JSP로 반응형 게시판 만들기[6] JSP로 반응형 게시판 만들기[6] 2022.04.28 - [분류 전체보.. puenti.tistory.com 저번 시간까지 게시판의 글 쓰기, 삭제 및 수정 등 기능들에 대해 추가를 해줬어요!! 이제는 아무것도 없는 조촐한 메인페이지를 꾸며줘 볼께요ㅎㅎ main.jsp 에 아래 코드를 추가해줄께요 웹 사이트 소개 이 웹사이트는 부..

2022.04.29 - [Practice] - JSP로 반응형 게시판 만들기[7] JSP로 반응형 게시판 만들기[7] 2022.04.28 - [Practice] - JSP로 반응형 게시판 만들기[6] JSP로 반응형 게시판 만들기[6] 2022.04.28 - [분류 전체보기] - JSP로 반응형 게시판 만들기[5] JSP로 반응형 게시판 만들기[5] 2022.04.28 - [Practic.. puenti.tistory.com 안녕하세요! 준입니다!! 게시판 만드는 것도 끝이 보이네요ㅠㅜㅠ 어제 view.jsp (view 페이지) 만들면서 계속 에러가 나오길래... 그거 처리한다고 어제 저녁부터 점심까지 해결한다고 너무 힘들었네요ㅠㅠ 에러 잘 마무리하고 남은 게시글 기능인 삭제 및 수정 기능을 추가해보도록..