기술 공부20 React.js(1) 1) React.js a. React.js 는 Angular.js, Vue.js와 같은 대중적인 SPA 라이브러리/프레임워크이다. * SPA : 싱글 페이지 애플리케이션, 한번 웹페이지 로딩하면 새로 로딩하지 않는 애플리케이션 => 따라서 서버에서 새 HTML 페이지를 요청하지 않고 자바스크립트가 동적으로 HTML을 재구성해 만드는 클라이언트 애플리케이션 b. JSX : React가 한 파일에서 HTML과 자바스크립트를 함께 사용하기 위해 확장한 자바스크립트 문법 2) React 설치 후 파일 구성 package.json : node.js의 패키지 목록 public 폴터 - index.html : 가장 처음 리턴하는 html 파일 다른 페이지들은 React.js 를 통해 생성되고 index.html에 있.. 2022. 4. 7. React 설치 1) 문제사항 책을 따라 개발공부를 하다보면 뭔가 버전이나 변경사항이 많아 생각대로 되지 않는 경우가 많다 이번 React 설치도 책에 적힌대로 진행했으나 에러가 잔뜩뜨면서 실행되지가 않는다 npm ERR! code ENOENT npm ERR! syscall open npm ERR! path ~\react-workspace/package.json npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open '~\react-workspace\package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent 2)해결 방법.. 2022. 4. 7. Node.js Node.js란? 자바스크립트를 브라우저 밖에서 실행할 수 있게 해주는 자바스크립트 런타임 환경 NPM : Node.js의 패키지 관리 ( maven, gradle 과 비슷한 기능) 설치시 자동으로 함께 설치됨 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 여기서 현재 16.14.2 LTS 버전을 다운받았다. NPM의 버전 확인은 cmd 창에서 npm version 으로 확인할 수 있다. 2022. 4. 7. JPA unexpected token: * 에러 @Repository //스프링이 관리 //JpaRepository 첫번째 변수 : 테이블 맵핑 엔티티 / 두번째 변수 : 엔티티의 기본키 타입 public interface TodoRepository extends JpaRepository { //?1은 메서드의 매개변수의 순서 위치 (첫번째를 뜻함) @Query("select * FROM Todo t WHERE t.userId=?1") List findByUserId(String userId); } 1) 문제사항 책을 이용해 JPA 공부 중 쿼리 부분에서 다음과 같은 오류가 발생하였다. antlr.NoViableAltException: unexpected token: * 단순히 *을 인식하지 못하는 문제일까? *을 t.id로 바꿨더니 다음과 같은 오류.. 2022. 4. 6. 이전 1 2 3 다음 반응형
