개발 시작한 사람 블로그

ES6의 화살표 함수 화살표 함수(arrow function)는 ES6 문법에서 함수를 표현하는 새로운 방식 기존 방식을 아예 대체하진 않음 함수를 파라미터로 전달할 때 유용 setTimeout(function() console.log('hello world'); }, 1000); ); ---> setTimeout(() => { console.log('hello world') }), 1000); 이 문법이 기존 function을 대체할 수 없는 것은 용도가 다르기 때문 가르키고 있는 this 값이 다름 3.3 Props props는 properties를 줄인 표현. 컴포넌트 설정을 사용할 때 사용하는 요소 props를 랜더링 할 때는 JSX 내부에서 { } 기호로 감싼다. 사용 방법 import Reac..

자바스크립트 식 표현 , fragment fragment - div 대신 감싸주는 코드 import React from "react"; //import React, {Fragment} from "react"; // 리액트에서는 여러개의 요소를 하나의 요소로 감싸지 않으면 오류 생긴다 function App() { const name = "할로"; //const는 ES6의 문법, 상수 선언할 때 사용 return( // Fragment는 생략도 가능하다. {name} 안녕? 잘 작동하니? ); } export default App; if 문 대신 조건부 연산자 리액트에서 if문 쓰는 법. function App() { const name = "액트" // 상수 선언 return ( // 자바에서 if 부분..

node.js 설치 버전 확인 : cmd에서 node -v 링크 : https://nodejs.org/ko yarn 설치 버전 확인 : cmd에서 yarn --version 링크 : https://classic.yarnpkg.com/lang/en/docs/install/#windows-stable postman 설치 링크 : https://www.postman.com/ vs코드 설치 도움 되는 확장 프로그램 ESLint : js문법 및 코드 스타일 검사 Reactjs Code Snippets : 리액트 컴포넌트 및 라이프 사이클 함수를 작성할 때 단축 단어를 사용하여 간편하게 코드를 자동으로 생성해낼 수 있음 ( 제작자 charalampos karypidis ) Pritter-Code-formatter ..

스프링 단축키 꿀팁 alt 두번 누르면 그 창 이 alt +1 프로젝트 창 키고 끄기 ▶ 인덴트 : Tab(인덴트), Shift+Tab(인덴트 취소) 인덴트는 들여쓰기를 말한다. Tab키는 들여쓰기를 Shift+Tab은 들여쓰기 취소를 할 때 눌러주면 된다. ▶ 자동 인덴트 : Ctrl+Alt+I 코드 전체에 자동 인덴트를 적용하고 싶다면 Ctrl+A키를 눌러 코드 전체 영역을 선택해 주고 그 다음 Ctrl+Alt+I키를 눌러주면 된다. ▶ 사용처 찾기 : Alt+F7(찾기), Ctrl+B(빠른 찾기) 함수를 사용하고 있는 사용처를 찾을 때 Alt+F7(찾기)키 혹은 Ctrl+B(빠른 찾기)키를 눌러주면 된다. Alt + insert -> 겟셋 같은 소스 검색 ▶ 꿀 팁 : Ctrl + shift + e..

const는 ES6 에서 생긴 문법이고 상수를 선언할 때 사용하는 문법 lest은 동적인 값을 담을 수 있는 변수를 선언할 때 사용하는 키워드 function myFunction() { var a = "hello“; if (true) { var a = "bye" consol.log(a); // bye } consol.log(a); // bye } myFunction () ; var로 선언하면 if 문 밖에서도 값이 변경된다. var는 scope (해당 값을 사용할 수 있는 코드 영역)가 함수 단위 이런 결점을 잡아주는게 const와 let function myFuction(){ let a = 1; if(true){ let a = 2; console.log(a); // 2 } console.log(a); ..

스프링 단축키 꿀팁 alt 두번 누르면 그 창 이 alt +1 프로젝트 창 키고 끄기 ▶ 인덴트 : Tab(인덴트), Shift+Tab(인덴트 취소) 인덴트는 들여쓰기를 말한다. Tab키는 들여쓰기를 Shift+Tab은 들여쓰기 취소를 할 때 눌러주면 된다. ▶ 자동 인덴트 : Ctrl+Alt+I 코드 전체에 자동 인덴트를 적용하고 싶다면 Ctrl+A키를 눌러 코드 전체 영역을 선택해 주고 그 다음 Ctrl+Alt+I키를 눌러주면 된다. ▶ 사용처 찾기 : Alt+F7(찾기), Ctrl+B(빠른 찾기) 함수를 사용하고 있는 사용처를 찾을 때 Alt+F7(찾기)키 혹은 Ctrl+B(빠른 찾기)키를 눌러주면 된다. Alt + insert -> 겟셋 같은 소스 검색 ▶ 꿀 팁 : Ctrl + shift + e..

환경설정 SpringFramework Maven Mybatis mapper = SpringBoot 의 Repository 역할 8.1.1 VO 클래스 작성 테이블 설계 기준으로 작성 DTO VO 차이 DTO (Data Transfer Object) : 데이터 전달 객체 계층간 데이터를 주고 받을 데이터를 전달하는 바구니 주로 View와 Controller 사이에서 데이터를 주고 받을 때 활용 VO (Value Object) : 값 자체를 표현하는 객체 객체들의 주소가 달라도 값이 같으면 동일한 것으로 지정 고유번호가 서로 다른 만원 2장이 있다고 생각 setter 메소드는 가지지 않는다. DB 관련 오류 시 ojdbc 의존성 주입 확인 잘한 것 같은데 이상하게 오류 발생 시 의존성 주입 부터 확인 콘솔창..

스프링 단축키 꿀팁 alt 두번 누르면 그 창 이 alt +1 프로젝트 창 키고 끄기 ▶ 인덴트 : Tab(인덴트), Shift+Tab(인덴트 취소) 인덴트는 들여쓰기를 말한다. Tab키는 들여쓰기를 Shift+Tab은 들여쓰기 취소를 할 때 눌러주면 된다. ▶ 자동 인덴트 : Ctrl+Alt+I 코드 전체에 자동 인덴트를 적용하고 싶다면 Ctrl+A키를 눌러 코드 전체 영역을 선택해 주고 그 다음 Ctrl+Alt+I키를 눌러주면 된다. ▶ 사용처 찾기 : Alt+F7(찾기), Ctrl+B(빠른 찾기) 함수를 사용하고 있는 사용처를 찾을 때 Alt+F7(찾기)키 혹은 Ctrl+B(빠른 찾기)키를 눌러주면 된다. Alt + insert -> 겟셋 같은 소스 검색 ▶ 꿀 팁 : Ctrl + shift + e..