dion

24.06.11 74일차 리액트1. 화면에 뭔가를 표시해야 할 경우엔 무조건 함수(function)를 만든다 >> 컴포넌트를 만든다   * 컴포넌트는 태그처럼 사용한다2. 만들어진 함수(컴포넌트)를 export 한다3. 컴포넌트가 필요한 곳에서 import 하여 사용한다   a.  App에 추가해보기  first.js무조건 1개만 return하기 때문에 여러개를 공갈 태그로 묶어줌 App.js컴포넌트를 import 해주기 실습1func1.js func1.css App.js  클래스를 사용하여 컴포넌트 생성하기classComp.js classComp.css App.js 프로필 만들기1. function 구조로 컴포넌트 만들기 (ProfileByFunction)2. class 구조로 컴포넌트 만들기 (Pro..

IT/React 2024. 6. 12. 10:34

24.06.07 72일차 index.html board.js Sectionindex.html board.js BoardController.java 작성폼 확인 ES6 모듈로 충돌 방지  *위는 제이쿼리 아래는 자바스크립트로 작성하는 방법 id=board만 잘라서 적용하기 위해 css와 script를 head에 넣지 않고 board에 넣음 Spring Boot의 rest pull : GET, POST, PUT, DELETEboard.js VO 객체 생성BoardController.javaregister에 있는 name=files sysFile명 설정하기 application.properties upload 경로 지정 BoardDao.java BoardColrtoller.java pon.xmlmvnrepos..

IT/Spring 2024. 6. 7. 17:48

24.05.24 69일차https://git-scm.com/download/win Git - Downloading PackageDownload for Windows Click here to download the latest (2.45.1) 32-bit version of Git for Windows. This is the most recent maintained build. It was released 9 days ago, on 2024-05-14. Other Git for Windows downloads Standalone Installer 32-bit Git for Windgit-scm.com다운로드 Git GUI 실행기본창은 git마다 생성된다 해당 폴더에 가서 숨긴항목을 보면 .git 폴더가 생..

IT/GIT&GITHUB 2024. 5. 24. 17:44

24.05.21 66일차 파일업로드1) 파일이 저장될 서버 디렉토리 생성  a. static/upload 폴더 사용  b. 파일 업로드 때는 upload 폴더의 절대경로를 사용2) MemberController.java에 경로 지정 static/upload 폴더 생성 후 경로 복사MemberController에 static으로 경로 지정 (끝에 \\ 추가) member.xml MemberController.java view.html 업로드 했던 사진 삭제MemberDao.java 파일 삭제update.html member.xml MemberController.java 대표이미지 코드 수정MemberController.java

IT/Spring 2024. 5. 21. 16:06

24.05.20 65일차  상세보기 화면에서 수정 update.html index.js MemberController.java index.js index.js MemberController.java MemberDao.java   대표이미지 수정view.html기존의 th:block을 수정index.css index.js member.xml MemberDao.java MemberController.java

IT/Spring 2024. 5. 20. 11:29

24.05.17 64일차 상세보기view.html MemberController.java MemberDao.java member.xml index.js 추가member, photos 테이블의 모든 정보 삭제 후 진행 register.htmlenctype : file과 관련된 form이라면 반드시 enctype을 선언해야함 index.jssearch() 안에 btnRegister 이벤트 추가하기 MemberController.java   * 왼쪽정렬을 위해 form 태그를 list 안으로 넣어주기list.html index.css index.jsappendChild : 자식 태그로 태그 시키기 index.js MemberController.java MemberDao.java 상세보기 화면에서 삭제index..

IT/Spring 2024. 5. 17. 17:28

24.05.16 63일차 a. 신규 스프링부트 프로젝트 생성(member)  1. 보기 > 명령팔레트  2. mybatis lib   3. application.properties 수정b. mybatis  1. MyFactory.java  2. config.xml  3. member.xml (mapper 안쪽은 모두 비워둠)c. PhotoVo.java, MemberVo.javad. index.htmle. MemberController.java  1. path="/" 부분f. member table의 address => address1  1. alter table member change address address1 varchar(200)e. 추가 컬럼 : address2, zipcode  1. alte..

IT/Spring 2024. 5. 16. 17:39

24.05.14 61일차  fragment 응용1. index.html 페이지 상단에 메뉴바를 fragment를 사용하여 insert 하시오.(를 메뉴 구성)2. index.html 페이지 하단에 footer를 fragment를 사용하여 replace 하시오3. fragment가 있는 페이지 : flag_index.html로 작성  1. MemberController.java 2. flag_index.html 3.index.html  SSR (Server Side Rendering) :CSR(Client Side Rendering) Thymeleaf 조건문th:ifMemberController.javath_if.html  switch

IT/Spring 2024. 5. 14. 17:47