쿵스보이

프로젝트 시작 시기에 다양한 라이브러리들을 사용하게되면 라이브러리 버전간의 충돌문제가 발생할 수 있습니다. Sprign Boot의 starter가 의존성 조합을 제공해준다면 starter-parent는 해당 의존성 조합간의 충돌 문제가 없는 검증 된 버전정보 조합을 제공합니다. spring-boot-starter-parent 2.1.7.RELEASE에서 제공하는 버전정보 조합은 Maven repository - spring-boot-stater-parent 혹은 GitHub - spring-boot-stater-parent 에서 확인 가능합니다. 우리는 아래와 같이 spring-boot-starter-parent 버전만 설정해도 수많은 라이브러리들의 버전충돌 문제를 피할 수 있습니다. - 스프링 부트 장..

1.스프링부트는 main 메소드가 선언된 클래스를 기준으로 실행됨. @SpringBootApplication public class SpringBootHelloApplication { public static void main(String[] args) { SpringApplication.run(SpringBootHelloApplication.class, args); } } 2.@SpringBootApplication @ComponentScan과 @EnableAutoConfiguration 이 핵심임. 3. @ComponentScan @ComponentScan은 @component 어노테이션 및 @Service, @Repository, @Controller 등의 어노테이션을 스캔하여 Bean으로 등록해주..

리덕스 구조: 첫눈에 이해하기는 쉽지 않겠지만, 이를 짧게 요약해보자면 다음과 같습니다. 1. 데이터(상태값)는 스토어에 저장됨. 2. 리듀서 함수는 정해진 액션에 따라 스토어에 담긴 데이터를 조작함. 3. 리듀서는 직접 실행할 수 없고, 디스패치 라는 함수를 호출해 실행함.

1.이름은 따옴표 감싸기 해제 - 예약어(오라클, mysql ...)와 겹치는 컬럼명 테이블명이 들어 갈수 있음. 2. 코멘트 생성하지 않음으로 체크 3. 컬럼명과 테이블 DBMS 예약어와 겹치는지 확인. -아래는 오라클 예약어임 ACCESS ADD * ALL * ALTER * AND * ANY * AS * ASC * AUDIT BETWEEN * BY * CHAR * CHECK * CLUSTER COLUMN COMMENT COMPRESS CONNECT * CREATE * CURRENT * DATE * DECIMAL * DEFAULT * DELETE * DESC * DISTINCT * DROP * ELSE * EXCLUSIVE EXISTS FILE FLOAT * FOR * FROM * GRANT * GRO..

1. AOP란?(aspect) 관심사 + 비지니스 로직 관심사란 = 주변로직 예)나눗셈 구현 핵심로직 : 나누는 로직 주변로직 : 0으로 나누는 것인가를 체크 하는 로직 관심사는 가장 중요한 로직은 아니지만 , 사전 조건이나 사후 조건 등이라고 간주 할수 있음. 또다른 설명으로는 횡단 로직이라고 표현됨. 계좌이체시 핵심로직 이외에 횡단으로 들어 가는 기본 로직등이 있음. 또한 DAO 구현시 핵심 로직 이외에 기본적으로 공통으로 처리되는 부분등을 Aspect(관심로직=공통로직=횡단로직) 이라고 할수 있음. AOP 구현 하기 기본 라이브 러리 아래의 2개 org.aspectj aspectjrt ${org.aspectj-version} org.aspectj aspectjweaver ${org.aspectj-v..

@Log4j @AllArgsConstructor @Controller public class TxTestController { @Inject private TxTestService service; @GetMapping("/tx/{num}") public void transiotn(@PathVariable("num") int num) throws SQLException { if(num == 1){ log.info("transionTest1"); service.transionTest1(); }else if(num == 2){ log.info("transionTest2"); service.transionTest2(); }else if(num == 3){ log.info("transionTest3"); serv..

1. 이름은 snake case를 따른다. - snake case란 모든 글자를 소문자로 하고, 언더스코어(_)로 단어를 구분해주는 방법이다. ex) userLogin, Name (X) --> user_login, name (O) 2. prefix와 postfix는 사용하지 않는다. (옛날 방식) ex) user_TB (X) 테이블 관련 3. 테이블의 이름은 복수가 아닌 단수로 쓴다. ex) members (X) -> member (O) 4. 가능하면 단어를 줄여쓰지 않는다. (no abbreviation) ex) mid_ma (X) --> middle_name (O) 속성 관련 5. 테이블이 하나의 Primary Key를 가진다면 그 속성의 이름은 id로 한다. ex) user_id (X) -> id ..

1. const 6이전에는 var 키워드가 전부 였으나, let 과 const를 제공하기 시작함. var study = true; study = false; console.log(study) // false const study = true; study = false; //Uncaught TypeError가 발생함 한번 활당후 다시 할당이 불가능 함. 2. let var study = "자바스트립트"; if(study){ var study = "리액트"; console.log('공부하자', study); // 공부하자 리액트 } console.log('재밌다', study); // 재밌다 리액트 if문 안의 study값을 변경하면 if밖의 study도 변경됨.(호이스팅) let을 사용하면 변수 영역을 코..

DOCTYPE html> Insert title here $(document).ready( () => { $.ajax({ type: "get", url : "https://mdn.github.io/learning-area/javascript/oojs/json/superheroes.json", success : function(data) { // Sucess시, 처리 console.log(data); console.log(data.squadName); console.log(data.members[0]); console.log(data.members[0].name); $(data.members).each( (index,member)=>{ console.log(member); } ); }, error : fu..

DOCTYPE html> Insert title here body{ height: 100vh; display: flex; flex-direction:column; justify-content: space-between; } $(document).ready( () => { function ComputerRspPlayer(yourRsp){ this.rsp = ['가위', '바위', '보']; this.img = ['./img/가위.png', './img/바위.png', './img/보.png']; console.log(Math.floor(Math.random() * 3)); this.computerRsp = this.rsp[Math.floor(Math.random() * 3)]; this.getResult ..