type="nal"

리액트 프로젝트를 본격적으로 열고 코드를 작성하면 된다.vs코드에서 터미널을 열고(단축키 ctrl + ` 또는 ctrl + shift + `)npm start를 입력 App.js에 코드를 작성하면 되는데 div만 남긴 아무것도 없는 상태에서 시작 하면 된다.헤드에 타이틀 등을 바꾸려면 public에 index.html을 수정해준다.요렇게 아이콘도 수정해줌 자바스크립트이지만 태그가 적용되는 이유는 html이 아니라 JSX라는 문법이기 때문JSX는 JavaScript XML의 약자로, 자바스크립트에서 HTML 문법을 사용해 UI를 설계할 수 있다.원래 JS에서는 (JavaScript 줄여서 부르겠음)const element = React.createElement('h1', null, 'Hello, World..

1. 우선 3D 모델을 준비해준다.1. 블렌더로 직접 깎거나2. 웹사이트 에서 다운 받아준다(ex: https://sketchfab.com/feed)나는 위 사이트에서 동물 검색해서 무료팩을 다운 받았다.(동물들 하나하나 분리 되는지 궁금함,,) 다운 받을 땐 Download3D를 누르고glTF 형식으로 다운받아준다. (gltf: JSON 형식의 텍스트 파일)일단 압축 풀어서 작업폴더에 넣어주면 되는데 이 gltf파일이 3D 모델이다 2. Three.js 라이브러리 설치우선 canvas 태그를 이용하고, 크기를 지정해준다.  3D 모델을 가져올 때는 Three.js라는 유용한 라이브러리를 이용하면 된다. https://threejs.org/리액트나 뷰 프로젝트라면 npm install three 명령어를..

with 2022년 강의, 리액트 18버전리액트의 장점?1. SIngle Page Application 을 만들 수 있다.2. Component로 HTML 재사용이 편리하다.3. state기능이 있어서 데이터가 HTML에 자동으로 반영됨4. 사용자 1위. 개발 환경 세팅1. node.js 설치https://nodejs.org/ko Node.js — 어디서든 JavaScript를 실행하세요Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org 2. 작업폴더에서 터미널 열기 3. 프로젝트 생성 명령어 입력npx create-react-app [프로젝트명] npx: npm 패키지를 실행할 때 사용하는 명령어create..

이전에 스터디 게시판을 만들면서 스프링프레임워크 + jsp를 이용하면서 getSession을 이용해 로그인 하는 방법을 정리해보았다. 1. 기존 로그인 방법(아이디와 비밀번호 모두 확인)이전 방법 : 회원의 고유값인 아이디로 회원정보를 검색해 정보를 모두 가져오려고 했었음=> 이렇게 하면 해당하는 정보가 없을 수도 있기 때문에 member가 널값인지 검사해준다.개선된 방법 : 아이디로 조회된 정보가 있고, 비밀번호가 일치하는 경우에 로그인을 진행한다. 2. 로그아웃 처리로그아웃 시에는 기존 세션을 무효화하거나 제거해야 한다.getSession(false)를 사용하면 세션이 존재하지 않을때 null을 반환하기 때문에 이를 조건으로 사용할 수 있다.// 로그아웃 로직HttpSession session = r..