전체 글11 [React를 다루는 기술 정리] 2장 JSX React를 다루는 기술 정리 2장 JSX 2.4.1 감싸인 요소 리액트 컴포넌트에서 요소 여러개를 왜 하나의 요소로 꼭 감싸 주어야 할까요? 그것은 Virtual DOM에서 컴포넌트 변화를 감지해 낼 때 효율적으로 비교할 수 있도록 컴포넌트 내부는하나의 DOM 트리 구조로 이루어져야 한다는 규칙이 있기 때문입니다. 2.4.2 자바스크립트 표현 JSX 는 DOM 요소를 렌더링 하는기능과 자바스크립트 표현식을 쓸 수 있다. var은 scope가 함수 단위 이고 let, const는 scope가 블록 단위 이다. ES6 이후로는 let, const만 사용하자. 2.4.4 AND 연산자(&&)를 사용한 조건부 렌더링 && 연산자로 조건부 렌더링을 할 수 있는 이유 리액트에서 false를 렌더링할 때는 null.. 2022. 2. 8. SPRING BOOT- .properties에서 값 가져오기 1. key- value형태로 properties에 값 등록하기 chibumps.name = chibumps chibumps.age= 20 2. properties와 매핑 해줄 class 정의 하기 이때, class를 bean에 등록해주고 @ConfigurationProperties(prefix=key값)으로 annotation을 등록 해야한다. package cho.springboot; import org.springframework.boot.context.properties.ConfigurationProperties; import org.springframework.stereotype.Component; @Component @ConfigurationProperties("chibumps") public.. 2022. 2. 2. SPRING BOOT- 독립적으로 실행 가능한 JAR 만들기 JAR 파일 하나로 Application 실행하기 1.pom.xml에 spring-boot-maven-plugin 추가 하기 org.springframework.boot spring-boot-maven-plugin 2. mvn 명령어를 통해 package 생성--> target 폴더가 생성되고 그안에 JAR파일 생성 $ mvn package 3. 만들어진 JAR이용하여 Applicaiont 실행하기 $ java -jar spring-boot-start-1.0-SNAPSHOT.jar 2022. 2. 2. SPRING BOOT에서 내장 웹 서버: HTTP 와 HTTPS 함께 사용하기 1. KeyStore 발급 먼저 HTTPS를 사용하기 위해서 keystore를 발급한다. $ keytool -genkey -alias spring -storetype PKCS12 -keyalg RSA -keysize 2048 -keystore keystore.p12 -validity 4000 shell에 명령어 입력 시, 다음과 같은 절차를 거쳐서 만들어진다. 2. application.properties에 ssl 정보 등록 server.ssl.key-store=keystore.p12 server.ssl.key-store-type=PKCS12 server.ssl.key-store-password=****** server.ssl.key-alias=spring server.port=8443 PORT는 기존 .. 2022. 2. 1. 이전 1 2 3 다음
