Study-Note

스프링 부트로 프로젝트 만들기 (STS) 1. File->New->Spring Starter Project Name: 프로젝트 이름 Type: Maven or Gradle Group / Package: 패키지명 2. Spring boot version 선택 및 원하는 플러그인 선택해서 추가하기 Web을 선택하여 추가하였다. 처음에는 Web을 추가하지 않았다가 어노테이션 적용이 되지 않아서 헤매다가 다시 체크하고 추가했다. 꼭 체크해주기! 3. 프로젝트 생성 완료 TestApplication.java, application.properties 등을 스프링 부트에서 자동으로 만들어 준 것을 확인하였다. 많은 라이브러리들도 자동으로 추가되어있다. Springboot 설치 시 서버를 함께 포함하고 있어서 따로 ..

BaekJoon Oline Judge - Step 1, 2 간단히 입력, 출력과 사칙연산 다루기! import java.util.Scanner; public class BeakjoonStep1 { public static void main(String[] args) { //백준 온라인 저지 1단계 //1000. 두 수 입력받은 후 더하기 Scanner scan = new Scanner(System.in); int num1 = scan.nextInt(); int num2 = scan.nextInt(); System.out.println(num1+num2); //10001. 두 수 입력받은 후 빼기 Scanner scan = new Scanner(System.in); int A = scan.nextInt()..

http://www.edwith.org/boostcourse-web * DispatcherServlet 프론트 컨트롤러 (Front Controller)클라이언트의 모든 요청을 받은 후 이를 처리할 핸들러에게 넘기고 핸들러가 처리한 결과를 받아 사용자에게 응답 결과를 보여준다.DispathcerServlet은 여러 컴포넌트를 이용해 작업을 처리한다. * 요청 선처리 작업시 사용된 컴포넌트 org.springframework.web.servlet.LocaleResolver지역 정보를 결정해주는 전략 오브젝트이다.디폴트인 AcceptHeaderLocalResolver는 HTTP 헤더의 정보를 보고 지역정보를 설정해준다. org.springframework.web.servlet.FlashMapManagerFl..

* DOM API 연습하기 - 실습1지금 나온 DOM API를 사용해서, strawberry 아래에 새로운 과일을 하나 더 추가하시오. 추가 된 이후에는 다시 삭제하시오.링크 바로가기힌트) ul에 자식 element를 추가하기 - 추가var ul = document.querySelector("ul"); var li = document.createElement("li");var str = document.createTextNode("mango");li.appendChild(str); ul.appendChild(li); - 삭제ul.removeChild(li); - 실습2: insertBeforeorange와 banana 사이에 새로운 과일을 추가하시오. 링크 바로가기 var li = document.cre..

MySQL 8.0이상의 버전을 사용하였다. Tue Jan 29 20:27:28 KST 2019 WARN: Establishing SSL connection without server's identity verification is not recommended. According to MySQL 5.5.45+, 5.6.26+ and 5.7.6+ requirements SSL connection must be established by default if explicit option isn't set. For compliance with existing applications not using SSL the verifyServerCertificate property is set to 'false'. You ..

* 자바스크립트의 변수 * varES6 이전 방식변수 선언 시 사용한다.var = "variable" 과 같이 사용한다.선언할 때 타입을 구분하지 않으므로 타입이 나중에 결정된다. * letES6 방식변수 선언 시 사용한다.let variable; 이처럼 초기값을 할당하지 않으면 암시적으로 undefined 을 할당한다.let boost = “boost”, course = “course” let문 하나에서 변수를 여러개 선언할 수 있다. * constES6 방식상수, 고정 값 선언 시 사용한다.선언과 동시에 값을 할당해주어야 한다. * 차이점var, let은 값을 재할당할 수 있지만, const는 재할당이 불가능하다.var의 문제점을 보완한 것이 let이다.var는 var = "variable1"으로 선..

마크다운(Markdown) 문법 정리 - 마크다운 에디터 https://stackedit.io/editor - 제목 (Header) # = H1## = H2### = H3#### = H4##### = H5###### = H6 HTML 헤더와 유사하다. 숫자가 커질수록 글자 크기가 작아진다. - 인용문 > 인용문1> 인용문2>> 인용문 안에 인용문 - 코드 블럭```코드 블럭``` - 인라인 코드 블럭`인라인 코드 블럭` - 텍스트 속성 **강조**__강조__ *기울기*_기울기_ ~~취소선~~취소선 - 구분선(수평선) 넣기 ---***___ - 링크 넣기 이메일 주소 넣기 주소 그대로 넣기 단어로 넣기[Study-Note](http://developmentnotepad.tistory.com) 내부 링크 넣..

* webpack 브라우저 위에서 import(ES5에서는 require) 를 할 수 있게 해주고 자바스크립트 파일들을 하나로 합쳐준다. npm으로 설치한 것 또한 사용할 수 있게 해주며 자바스크립트 파일을 하나로 합쳐주는 등 많은 것들을 자동화 시켜주는 빌드 툴! * webpack-dev-server 별도의 서버를 구축하지 않고도 static 파일을 다루는 웹서버를 열 수 있으며 hot-loader 를 통하여 코드가 수정 될 때마다 자동으로 리-로드 되게 할 수 있다. (개발용 서버) * 설치 방법 - 리눅스: $ sudo npm install -g webpack webpack-dev-server - 맥, 윈도우: npm install -g webpack webpack-dev-server mac에서 프..

2. Component Mapping 데이터 배열을 리액트에서 랜더링할 땐 map을 사용한다. * arr.map(callback, [thisArg]) callback 새로운 배열의 요소를 생성하는 함수 currentValue 현재 처리되고 있는 요소 index 현재 처리되고 있는 요소의 index 값 array 메소드가 불려진 배열 thisArg (선택항목) callback 함수 내부에서 사용 할 this 값을 설정 컴포넌트 매핑 class Contact extends React.Component { render() { return ( /* 하드 코딩 */ Contacts Abet 010-0000-0001 /* 반복되는 부분 => 이 부분을 또다른 컴포넌트로 바꾸기*/ Betty 010-0000-0002..

3. props & state props 컴포넌트 내부의 Immutable Data => 변하지 않는 데이터를 처리할 때 사용 - JSX 내부에 { this.props.propsName } 컴포넌트를 사용 할 때, 괄호 안에 propsName="value"와 같이 작성 this.props.children 은 기본적으로 갖고있는 props로서, 여기에 있는 값이 들어간다. class Codelab extends React.Component { render() { return ( Hello {this.props.name} {/*여기 이름 name으로 일치시키기 - name="velopert"*/} {this.props.children} //JSX ); } } class App extends React..