포테토김
-
[spring] spring-boot-devtools : Live Reload맨땅에코딩/java 2020. 10. 6. 23:08
1.gradle 의존성추가 dependencies { developmentOnly("org.springframework.boot:spring-boot-devtools") } 2. crtl+shift+A (Action) > Registry... : compiler.automake.allow.when.app.running check 3. settings > build,Execution,deployment > compiler : build project automatically check 4. 우측 상단에 있는 application > edit Configuration 5. chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdle..
-
[spring] spring 라이브러리맨땅에코딩/java 2020. 10. 6. 22:17
gradle을 사용해 spring project 를 생성후 따로 was 설정없이 로컬소스가 서버에 올라간 것을 알 수 있다. spring boot 라이브러리 안에 tomcat이 있기 때문인데 그 외 여러 라이브러리들을 살펴보자 build.gradle 파일을 살펴보면 dependencies { implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'org.springframework.boot:spring-boot-starter-web' testImplementation('org.springframework.boot:spring-boot-starter-test') { exclude group: 'org.ju..
-
[IntelliJ] OpenJdk 11 설치 및 설정맨땅에코딩/java 2020. 10. 6. 21:55
1.설치 링크 github.com/ojdkbuild/ojdkbuild 2. 11.0.8-1 버전 선택 후 다운로드 > msi 로 설치하면 따로 환경변수 설정을 하지않아도 된다. 3. IntelliJ File > Project Structure > SDKs 4. error fix err ) Could not target platform: 'Java SE 11' using tool chain: 'JDK 8 (1.8) cause ) sol ) 1. File > Project Structure > Project Settings > Project 버전 변경 2. File > Settings > Build tools > gradle 해결!
-
[리액트를 다루는 기술] 3장. 컴포넌트맨땅에코딩/react 2020. 9. 14. 20:49
템플릿 이상의 컴포넌트의 기능! 데이터에 맞춰 UI를 생성합니다. 라이프사이클 API를 이용하여 컴포넌트가 화면에 나타날 때,사라질 때, 변화가 일어날 때 주어진 작업들을 처리할 수 있습니다. 임의 메서드를 생성하여 특별한 기능을 덧붙일 수 있습니다. 클래스형 컴포넌트 : 함수형 컴포넌트와 달리 state 및 라이프사이클 기능을 사용할 수 있고 임의 메서드를 정의 할 수 있습니다. [ 알아둘것!) 리액트 v16.8 업데이트 이후 Hooks 의 도입으로 state와 라이프사이클 API를 다른 방식으로 사용할 수 있게되었습니다. ] 예시) //rcc import React, { Component } from 'react'; class temp extends Component { render() { retur..
-
[리액트를 다루는 기술] 2장 JSX맨땅에코딩/react 2020. 9. 11. 15:34
코드 이해하기 리액트 프로젝트 생성시 node_modules 디렉터리도 함께 생성되는데 이 디렉터리 안에 react 모듈이 함께 생성됩니다. import React from 'react' 구문을 통해서 리액트를 불러와 사용가능하다. [알아둘것 !] 이렇게 모듈을 불러와 사용하는 것은 원래 브라우저에 없던 기능, Node.js 에서 지원하는 기능입니다. ( Node.js에서는 import X > require Yes! ) >> 이러한 기능을 브라우저에서도 사용하기위해 번들러(bundler) 를 사용합니다. [번들러?] 파일을 묶듯이 연결하는 것, 대표적인 번들러 : 웹팩, Parcel, browserify 각 도구마다 특성이 다르다. 리액트 프로젝트에서는 편의성과 확장성이 더 뛰어난 "웹팩" 을 주로 사용..
-
apply,call,bind 비교맨땅에코딩/javascript 2020. 9. 11. 14:39
1. apply, call : apply와 call은 주어진 this 값과 유사배열로 제공되는 arguments 로 "함수를 호출" 할 때 사용한다. 사용법 const numbers = [1, 2, 6, 4, 5]; const max_apply = Math.max.apply(null, numbers); const max_call = Math.max.call(null,numbers[0],numbers[1]); console.log(max_apply,max_call); // expected output: 6,6 #첫번째 인자로 들어가는 thisArg 의미? : 함수를 호출하는데 제공되는 this의 값 (예제에서 변경가능) const fn = { str : "gildong", say : function(){ ..
-
~\workspace\.metadata\.plugins\org.eclipse.wst.server.core\tmp0\wtpwebapps - 절대경로맨땅에코딩/java 2020. 9. 9. 15:48
org.eclipse.wst.server.core eclipse에서 프로젝트를 올린 was 기동시 해당위치로 컴파일한 결과가 옮겨짐 1) 웹어플리케이션-절대경로 ServletContext context = request.getSession().getServletContext(); String realFolder = context.getRealPath(""); 2) class 절대경로 this.getClass().getResource("").getPath()
-
git push error [failed to push some refs to : <remote url>]맨땅에코딩/git 2020. 9. 9. 10:23
1.git push origin master 명령어를 통해서 push할때 에러발생 failed to push some refs to : 2. hint에서 push 전에 git pull을 먼저 해보라고함 git pull origin master fatal : refusing to merge unrelated histories 3. 처음 local 프로젝트를 remote 프로젝트를 병합할때 거부하는 경우 --allow-unrelated-histories 옵션 사용 git pull origin master --allow-unrelated-histories 요약 " 3>2>1 순으로 git 명령어 사용 "