분류 전체보기590 JSX JSX란?React 에서 쓰는 JSX 문법 JSX = HTML + Javascriptjavascript를 확장한 문법 (Javascript XML)- 모양은 HTML에 가깝다- 내부적으로 Javascript를 사용할 수 있다.- React는 이 JSX를 이용하여 화면을 그린다. (컴포넌트) const element = Hello, world!; JSX의 특징- JSX에서 사용되는 태그의 속성 이름이 HTML과 조금 다르다.- 태그를 명시적으로 닫아줘야 한다.- 하나의 태그로 감싸져 있어야 한다. Hello, world!위 코드는 하나의 태그로 감싸져 있지 않고, input 태그가 닫히지 않았으므로 JSX가 아니다. 반면에 아래는 JSX 문법을 만족한다고 볼 수 있다. Hello, world! 라.. 2024. 6. 10. React란? React가 뭔가요?사용자 인터페이스를 만들기 위한 JavaScript 라이브러리(SPA 라이브러리) *프레임워크 : 개발을 위한 기본 틀, 뼈대*라이브러리 : 개발에 필요한 도구 또는 그 집합 => 리엑트는 프레임워크가 아니라 라이브러리이다. 리액트는 그 모습이 프레임워크처럼 생겼지만 프레임워크로 갖춰야 할 기본적인 요소들을 모두 포함하고 있지는 않다. React를 배워야 하는 이유.1. 트렌드다- 많이 쓰이고 있고 수요가 많다.- 생태계가 넓다 2. 편하다.- SPA- 화면을 여러 단위로 쪼개고, 재사용하는 식으로 코드 관리가 용이함- 유용한 라이브러리들이 많다. React의 특징리액트는 크게 두 가지 특징을 가지고 있다. 1. 컴포넌트 기반 설계2. Virtual DOM (가상돔) 컴포넌트 .. 2024. 6. 10. 섹션 9. Spring JDBC 자동 구성 개발 자동 구성 클래스와 빈 설계오버뷰1. 자동 구성 클래스를 설계할 때는 어떤 조건을 가질 때 사용될 것인가 그걸 먼저 결정해야 되는데, 보통 특정 클래스가 라이브러리에 포함되어 있는가, 스타터 등에 Dependency로 잡혀 있는가 요걸로 판단을 한다.본 강의에서는 org.springframework.jdbc.core.JdbcOperations 클래스가 Dependency로 존재하는지를 체크한다.(# 원래 JDBC 템플릿은 이 JDBC Operations 인터페이스를 구현한 것이다,JdbcOperations 인터페이스는 Spring에 JDBC 모듈이 로딩이 돼야지만(라이브러리 의존성 추가 되어야지만) 인터페이스를 찾을 수 있다.) 2. 일단 데이터 소스 인터페이스를 구현한 어떤 빈이 존재해야 한다.Dat.. 2024. 6. 9. 섹션 8. 외부 설정을 이용한 자동 구성 Environment 추상화와 프로퍼티 해당 섹션에서는 외부 설정을 활용하는 스프링 부트의 자동 구성을 살펴본다.자동 구성은 왜 필요한가?-> 스프링 부트가 우리를 대신해서 어떤 기술의 인프라스트럭처 빈의 Configuration 클래스를 미리 다 만들어 놓은 것이다.그 기술을 사용하는데 필요로 하는 빈 인스턴스를 생성하는 빈 구성정보 클래스들을 만들어놓고 이걸 가져다 사용하라고 하는 것이다. 근데 Spring Boot가 뽑아 놓은 Configuration 클래스만 150개 가까이 되고, 그 전체 목록이 .imports로 끝나는 파일에 들어있다고 이야기를 했었다..imports에 들어있는 모든 Bean을 무조건 다 적용하는 것은 아니고, 이것은 일단 후보로 로딩이 되고 @Conditional 이라는 Sp.. 2024. 6. 6. 이전 1 ··· 10 11 12 13 14 15 16 ··· 148 다음
