코린이의 기록

Gradle Project 생성하기1. File -> New -> Project... -> Gradle Project2. Next3. Project name 설정한 후 Finish를 누른다.4. Project 생성 완료 5. Project package 생성 (회사인 경우 com.example.package이름 규칙을 이용하여 이름을 지정한다.) 6. View 생성veiw를 넣어줄 디렉토리를 생선한다. 웹 프로젝트이기 때문에 webapp/WEB-INF/ 경로에 만들어준다. Project 구조 - src/main/java : 주된 Java source 파일들이 들어갈 경로- src/test/java : Test source 파일들이 들어갈 경로- JRE Syste Library : 설치 된 JRE Libr..

Spring Boot 설치하기1. spring 사이트에서 OS에 맞는 STS를 다운로드 한다.다운로드 경로 https://spring.io/tools3/sts/all 2. 압축풀기 ※ 아래와 같이 "경로가 너무 깁니다." 라는 에러가 발생한다면 경로를 C드라이브나 내문서로 옮겨서 압축을 푼다. 3. sts-3.9.1.RELEASE/STS.exe 를 실행한다. 4. Workspace 경로 지정프로젝트 저장 경로를 지정한후 실행한다. Gradle 설치하기Gradle을 설치하기 전에, Gradle은 무엇인가? 또 왜사용하는 것인가에 대해서 알고 넘어가자 (Wiki 설명)Gradle 은 Apache Ant 및 Apache Maven 의 개념을 기반으로 하고 프로젝트 구성을 선언하기 위해 Apache Maven ..

Hibernate 관련 에러 발생. Hibernate framework를 사용하던중 아래와 같은 error가 발생하였다.org.springframework.dao.EmptyResultDataAccessException: No entity found for query; nested exception is javax.persistence.NoResultException: No entity found for query 에러 로그 12345678910111213141516171819202122232425262728 An unexpected error has occurred

컴포넌트? 컴포넌트는 부품이라는 뜻을 가지고 있다. 예를들면 버튼이나 텍스트박스와 같이 범용적으로 사용되는 부품이 컴포넌트이다. 리액트에서도 컴포넌트를 정의하여 일반적인 JSX 태그처럼 사용할 수 있다. 함수를 기반으로 컴포넌트를 정의하는 방법 12345678910111213141516171819202122const dom = ReactDOM.render(dom, document.getElementById('root')) function PhotoText (props){ const url = props.image //const url = "http://uta.pw/shodou/img/28/214.png" const label = props.label const boxStyle = { border : "1..

Hello, World! 를 출력하는 기본 HTML 예제 1234567891011121314151617181920 ReactDOM.render( Hello, world!, document.getElementById('root') ) Colored by Color ScriptercsCodepen에서 작성할 경우 (* Javascript에서 React, React-DOM 라이브러리 반드시 추가)HTML1csJS1234ReactDOM.render( Hello, world!, document.getElementById('root') )cs- 불러온 라이브러리는 JSX라는 자바스크립트 확장 문법을 사용하기 위함이다. 해당 라이브러리들을 읽어오지 않으면 JSX를 사용할 수 없다.- script type으로 "tex..

Codepen 웹에서 간편하게 HTML, CSS, Javascript 코드등을 구현하고 결과를 출력해주는 사이트. https://codepen.io/pen/ Codepen 설정1.JavaScript -> JavaScript PreProcessor : Barbel 선택2.Quick-add 에서 React, React-DOM을 추가해주거나,아래를 직접 넣어준다. https://unpkg.com/react@15/dist/react.jshttps://unpkg.com/react-dom@15/dist/react-dom.js3. Save js(barbel) 에서 jsx 구현 123456789101112131415161718class Codelab extends React.Component { // Codelab이라..

간단한 웹 어플리케이션 만들기hello-server.js1234567891011const http = require('http') // http 모듈을 읽는다. const svr = http.createServer(handler) // Web server를 생성한다.svr.listen(8081) // 8081 포트를 사용함 // server에 접근하면 실행되는 함수function handler (req, res){ console.log('url:', req.url) console.log('method:', req.method) res.writeHead(200, {'Content-Ttpe': 'text/html'}) // http 헤더를 출력 res.end('Hello, World!\n') // 응답 본문..

프로젝트 생성하기 1. 프로젝트를 생성할 디렉토리를 만들고 해당 디렉토리로 이동한다. $ mkdir project_a$ cd project_a 2. npm으로 프로젝트를 생성한다. $ npm init npm init은 node project를 시작하는 명령어이다. npm init 명령어를 실행하면 프로젝트 이름, 버전, 설명 등의 정보를 입력하는 란이 나온다. 이 정보들을 일일히 입력하지 않고 엔터를 누르면 default값이 자동으로 들어간다. 그리고 이러한 프로젝트 정보들이 package.json 파일에 저장된다. yunsoyeon-ui-MacBook-Air:project_a yunsoyeon$ npm initThis utility will walk you through creating a packag..