반응형 분류 전체보기266 JS 코딩 VS CODE를 이용해 해당 html 페이지를 열었다. VS CODE의 Terminal에서 npm run start 명령어를 통해 실행한다. 이 웹 페이지는 public의 index.html로 이루어져 있는것이다. 이 웹페이지의 내용을 고치기 위해서는 id가 root라는 파일을 수정해야 한다. 이 해당하는 파일은 src 폴더의 index.js이다. 또한 App 태그는 사용자 정의태그인 컴포넌트 이다. App.js파일은 function type과 class type을 사용할 수 있는데, 본인은 class type을 이용하려고 한다. import React, {Component} from 'react'; import './App.css'; class App extends Component { render().. 2021. 4. 22. Optimizer 2 Optimizer란? 기본적으로 Weight updates를 하는 도구. - loss를 줄이는 방향으로 updates. Adaptive Gradient 방식 α : Learning rate h : 기존의 h에 새로운 미분값을 더해줌. h가 커질수록 Learning rate는 작아짐. - 큰 러닝레이트는 필요한 값에 도달하지 못하고 반복하는 특징을 가지고 있음 - 러닝레이트가 갈수록 줄어든다면 값을 찾기 쉽다는 것에서 착안된 방법. RMSProp 방식 - 이동 평균으로 구하는 방식 - 기존(ph)이 크면, 기존것이 더 많이 반영, 새로운 것이 크다면 새로운것이 더 많이 반영되게 되어진 방식. Adam 방식 - AdaGrad + Momentum 방식이다. 2D 차원에서의 각 방식별 비교 - 2D에서는 Ada.. 2021. 4. 21. React 개발환경 구축 NPM 설치 node.js를 통해 npm을 설치한다. https://nodejs.org Create React App 설치 실행 -> CMD npm install -g create-react-app - npx 와의 차이점은, npx는 실행할 때 마다 설치하고, 최신버전을 사용하게 됨. - npm 은 컴퓨터에 설치한다. Create React App을 이용해 개발환경 구축 1. 바탕화면에 react-app 폴더 생성 2. cd react-app 폴더 경로 : 폴더를 명령 프롬프트로 드래그하면 자동으로 경로 출력 3. create-react-app . - . 을 꼭 입력할것!! VS Code 사용 2021. 4. 21. React란? React 페이스북에서 발표한 사용량 1위의 웹 라이브러리이다. JavaScript와 HTML을 합친 JSX(JavaScript XML)라는 문법을 사용한다. - 이 문법으로 인해 기존 방식보다 코드를 작성하는데 간편하다는 장점이 있다. React의 장점 SPA · 최근 웹은 ‘웹 애플리케이션’이라고 불릴 정도로 복잡하고 동적이다. · 동적인 웹 페이지가 늘어나면서 웹의 크기가 커졌기 때문에 서버와의 통신 속도가 느렸다. · 하지만 리액트는 SPA 방식을 지원하기 때문에 기존 웹 방식보다 속도가 빠르다. · SPA란 HTML, CSS, Javascript 파일을 최초 1회만 로드하고, 이후에는 필요한 부분만 조작하는 방식이다. - SPA 지원: React, ES6, Node.js, npm, webpack.. 2021. 4. 20. Get, Post 사용하기 Control 레이어 클라이언트가 http를 요청시 요청을 처리하고 응답을 해주는 레이어이다. 컨트롤 레이어를 담당할 controller 패키지를 추가한 후 HelloController 자바 Class 를 생성한다. HelloController를 아래와 같이 작성한다. package com.sanghun.fullstack.HelloController; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RestController; @RestController public class HelloController { @RequestMapping("/hello") p.. 2021. 4. 17. 웹기능, 정적 리소스 추가하기 앞서 실행한 구성이 완료되면 build.gradle 파일이 있다. dependencies를 보면 의존성 라이브러리를 알수 있고, 우측탭에도 연관된 라이브러리가 보일것이다. 웹 기능 추가 웹 기능 추가를 위해 dependencies 의 implementation에 -web을 추가시켜주자. dependencies { implementation 'org.springframework.boot:spring-boot-starter-web' compileOnly 'org.projectlombok:lombok' annotationProcessor 'org.projectlombok:lombok' testImplementation 'org.springframework.boot:spring-boot-starter-test'.. 2021. 4. 16. 이전 1 ··· 41 42 43 44 45 다음 반응형
