회고록(TIL&WIL) 썸네일형 리스트형 TIL 2023.03.16 React (기본문법 jsx, useState, react-router) React 프로젝트 생성 npx create-react-app react02 JSX html 작성하듯이 작성하여 그대로 return 가능하도록한 문법 기존의 경우는 createElement를 해줘야하나 그러지 않아도 가능 단, 루트 element가 반드시 필요하기 때문에 p 태그같은것은 혼자 쓸 수 없다. 반드시 div 태그 든 (fragment)가 있어야만 한다. 태그는 반드시 닫아 주어야만 한다. import "./App.css"; => .cl01{background-color: red}; function Ex01() { // 자바스크립트의 변수를 담아 사용할 때는 {}를 이용하면 된다. // let msg = 'Ex01 page'; // let color = {color: "red"}; // ret.. 더보기 TIL 2023.03.15 Node.js 3 (Docker-network, Express-Generator, Express-session, JS-ES6, React) Docker network - 참조 Docker에서 네트워크를 구성하여 컨테이너 끼리 통신을 보다 쉽고 원할하게 할 수 있다. docker network ls 기본적으로 3개의 네트워크가 존재하는데 기본값은 bridge에 묶이게 된다.(아마 보안때문에 서로 통신은 막혀있을 것) 네트워크 생성 docker network create group1 mysql 생성 시 네트워크를 연결해줄 추가 명령어를 작성한다. docker run -it --rm -d -p 3306:3306 \ -e MYSQL_ROOT_PASSWORD=mysql \ -e MYSQL_DATABASE=lecture \ -e MYSQL_USER=scott -e MYSQL_PASSWORD=tiger \ --network group1 \ --name .. 더보기 TIL 2023.03.14 Node.js 2 (express Project, nodemon, mongoDB) Node.js 프로젝트 초기화 아래 명령어를 실행하고 나면 maven에서 pom.xml과 비슷한 역할을 하는 package.json파일이 생긴다. npm init package.json 를 통한 프로젝트 관리 생성된 파일에 "dependencies" 추가할 수 있다. 필요한 모듈들을 추가 한 후 npm i 하면 해당 파일에 따라 모듈이 추가된다. 이후 npm i mysql 처럼 따로 설치하고 난 뒤에 해당 파일을 확인해보면 dependencies에 추가되어있는 것을 확인 할 수 있다. { "name": "node02", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test s.. 더보기 TIL 2023.03.13 Node.js (NVM, module, express, ejs, mysql) Node.js V8 runtime 엔진 사용 라이프사이클이 매우 짧기 때문에 의존성에 맞춰서 사용해야하기 때문에 업데이트를 막해서는 안된다. NVM (node version manager)을 이용한 설치 NVM 다운로드 node는 하위종속성 때문에 버전관리를 잘해야하는데 NVM을 이용해서 버전을 관리할 수 있도록 해주는 툴이다. 버전 체크, 도움말 nvm --version => nvm -v nvm --help => nvm -h node.js 다운로드 nvm install 18.15.0 다운받은 node 버전 확인, node 버전 변경, node 버전 확인 nvm list => node ls nvm use 18.15.0 node -v 실행 node 이후 자바스크립트 코드를 그대로 사용할 수 있다. 종료 p.. 더보기 TIL 2023.03.10 Spring framework 4, 5(file I/O, Boot, thymeleaf, mybatis) spring framework 4.X file I/O - upload & download dependency 추가 commons-fileupload commons-fileupload 1.5 File Resolver 등록 servlet-context.xml property 필수사항은 maxUploadSize 하나뿐 value는 바이트 기준 직접 계산해서 넣어줘야함 Upload form 태그 작성 업로드 Controller // path는 원래 OS기준으로 특정한 장소를 결정하여 저장을 해야한다! String path = "E:\\webspace\\sts08\\up\\"; @ResponseBody @PostMapping("/upload") public void upload(MultipartFile file1.. 더보기 TIL 2023.03.09 Spring framework 4.X (properties, junit, mybatis, jackson, session) Spring framework 4.X properties 파일 사용하여 JDBC applicationContext.xml info.properties db.url=jdbc:mysql://192.168.99.000:3306/lecture db.user=scott db.password=tiger Junit 앞서 junit테스트를 사용할 때 어떤 xml을 읽어들일지에 대한 선택을 어노테이션으로 할 수 있다. 배열로 여러개 선택도 가능 @RunWith(SpringJUnit4ClassRunner.class) @ContextConfiguration("classpath:/applicationContext.xml") //@ContextConfiguration("file:src/main/webapp/WEB-INF/spr.. 더보기 TIL 2023.03.08 Spring framework 3.X(docker_volume, lombok, @Aspectj, Transaction, mybatis) docker - mysql volume을 이용하여 데이터 유지하기 때문에 서버가 꺼지면 컨테이너도 지워지도록 설정(--rm)해도 괜찮음. 앞으로 mysql를 켤 때 아래의 코드로 실행하면 기존의 데이터도 유지되는 mysql를 컨테이너로 띄울 수 있다. docker volume create dummySql docker run -it --rm -d -p 3306:3306 \ -e MYSQL_ROOT_PASSWORD=mysql \ -e MYSQL_DATABASE=lecture \ -e MYSQL_USER=scott -e MYSQL_PASSWORD=tiger \ --name mysql8 -v dummySql:/var/lib/mysql mysql Spring framework legacy project 기본 세팅.. 더보기 TIL 2023.03.07 Spring framework 3.X (STS 3.X, AOP, Service, docker-volume) Spring Tool Suit 3.X 최초 세팅 개발에 필요한 것은 아니나 IDE가 자바높은버젼으로 만들어 졌기 때문에 11 설치필요함 STS 4, boot 는 17이상이 필요하다. winget install AdoptOpenJDK.OpenJDK.11 STS.ini vm은 추가 jdk,xms는 수정 -vm C:\Program Files\AdoptOpenJDK\jdk-11.0.11.9-hotspot\bin\javaw.exe ... -Dosgi.requiredJavaVersion=11 -Xms1024m 기존에 이클립스에서 쓰던 워크스페이스를 사용할 경우 .metadata와 server를 삭제해주는 것이 좋다. Server생성 sts-bundle 경로에 tomcat 폴더 추가 후 해당 경로 복사 Server .. 더보기 이전 1 2 3 4 5 ··· 16 다음
