분류 전체보기 (669) 썸네일형 리스트형 [2024 Spring Boot 스터디] 유태근 #2 주차 - 스프링 컨테이너와 스프링 빈 스프링 컨테이너와 스프링 빈전 주차때 스프링 컨테이너에 객체를 스프링 빈으로 등록하고, 스프링 컨테이너에서 스프링 빈을 찾아서 사용하는 방식으로 변경하는 작업으로 마무리했다.스프링 컨테이너의 특성 및 역할생성할 때는 구성 정보를 지정해주어야 한다.파라미터로 넘어온 설정 클래스 정보를 사용해서 스프링 빈을 등록한다. @Bean 으로 직접 등록해주면 해당 함수명이 빈의 이름으로 등록된다.설정 정보를 참고해서 Bean들의 의존관계를 주입한다.스프링 빈에는 Role에 따라 2가지로 나눌 수 있다.ROLE_APPICATION : 우리가 직접 정의한 빈ROLE_INFRASTRUCTURE : 스프링 내부에서 사용하는 빈스프링 빈 조회스프링 컨테이너에 등록된 스프링 빈은 이름, 타입, 구현 타입 등으로 조회할 수 있다.. [2024 Spring Boot 스터디] 김호 #2 주차 - 본격적인 Spring Boot 3 Server 및 Test 환경 구성 (3 ~ 4장) 1. Spring Boot 3 개발 환경 개선 본격적으로 Spring Boot 3 server를 구성하기 전에 개발 환경을 수정한다. 1-1. build.gradle 수정build.gradle의 기존 내용에 [그림 1-1]의 내용을 추가한다.Spring Data JPA library는 Spring Boot 전용 JPA library이다.H2 library는 local 및 test 환경에서 In-Memory Database의 data를 객체화하여 작업을 수행할 수 있는 환경을 지원한다.Lombok library는 반복되는 method 작성 작업을 최소화하는 절차를 제공한다. 1-2. templates directory 생성HTML과 같은 view를 저장하기 위해 main/resources/ 경로에 temp.. [2024 React.js 스터디] 정호용 #6주차 "React.JS 꾸미기" 오메 일주일이 후딱 갑니다... 정신없는 요즘..01. SassSass(Syntactically Awesome Style Sheets)란... CSS 전처리기로서, 1. 복잡한 작업을 쉽게2. 코드의 재활용성 향상3. 코드의 가독성 향상을 지원하여 유지보수를 용이하게 해 주는!문법적으로 짱 멋진 스타일시트라고 한다. Sass는 두 가지 확장자(.scss/ .sass)를 지원한다. 이 두 가지의 문법은 아주 다르다던데.. $font-stack: Helvetica, sans-serif$primary-color: #333body font: 100% $font-stack color: $primary-colorsass$font-stack: Helvetica, sans-serif;$primary-co.. [2024 Spring Boot 스터디] 정성원 #2 주차 - 스프링 컨테이너 1. 스프링 컨테이너이전 주차에서 이야기했던 컨테이너에 대해 자세히 알아보자.일단은 ApplicationContext 인터페이스가 스프링 컨테이너라고 알고 가자.// 스프링 컨테이너 생성하기ApplicationContext applicationContext = new AnnoationConfigApplicationContext(AppConfig.class); ApplicationContext는 위와 같은 방식으로 생성할 수 있다. AppConfig는 지난 주차에 만들었던 클래스를 참고하자.스프링 컨테이너는 XML을 기반으로 만들 수도 있고, 위 예시처럼 어노테이션 기반의 자바 설정 클래스로도 만들 수 있다.스프링 컨테이너의 생성 과정스프링 컨테이너가 어떻게 생성되는지 알아보자.먼저 스프링 빈 저장소 테이.. [2024 React.js 스터디] 박지민 #6주차 "리액트 컴포넌트 스타일링하기" 1. Sass- Sass (Syntactically Awesome Style Sheets) 는 CSS pre-processor로서, 복잡한 작업을 쉽게 할 수 있게 해주고, 코드의 재활용성을 높여줄 뿐 만 아니라, 코드의 가독성을 높여주어 유지보수를 쉽게 해줌- Sass 에서는 두가지의 확장자 (.scss/.sass) 를 지원// sass$font-stack: Helvetica, sans-serif$primary-color: #333body font: 100% $font-stack color: $primary-color // scss$font-stack: Helvetica, sans-serif;$primary-color: #333;body { font: 100% $font-stack; .. [2024 Spring Boot 스터디] 남윤찬#2 주차 - 4~5 섹션 섹션 4. 스프링 컨테이너와 스프링 빈 ApplicationContext applicationContext = new AnnotationConfigApplicationContext(AppConfig.class);위 코드를 통해 스프링 컨테이너를 생성한다.스프링 컨테이너를 생성할 때는 AppConfig와 같은 구성 정보를 지정해준다.이처럼 구성 정보를 통해 스프링 컨테이너가 객체들의 의존 관계를 주입해준다.그리고 스프링 컨테이너는 BeanFactory라는 스프링 컨테이너의 최상위 인터페이스를 상속하여, 이것이 제공하는 getBean() 메서드를 사용해 다음과 같이 컨테이너 내의 Bean을 조회할 수 있다.class ApplicationContextBasicFindTest { AnnotationConf.. [WINK 공식 홈페이지] Next.js 스터디 👨🏻💻 [frontend / 신진욱] Next.js 프레임워크를 사용하여 WINK 공식 홈페이지를 개발하기로 하여, 스터디 중 이해하는데 도움이 될 만한 포스트를 남겨보겠습니다.Next.js를 사용하여 개발을 하면 async, await을 자주 보게 될텐데 무엇인지 알아보겠습니다.서버 사이드 렌더링이란?클라이언트(브라우저)가 서버에 매번 데이터를 요청하여 서버에서 처리하는 방식입니다.즉, 클라이언트에서 요청이 들어올 때마다 매번 서버에서 새로운 화면(view)을 만들어 제공하는 것입니다. Next.js는 SSR 기반이다보니 기본적으로 컴포넌트는 서버 컴포넌트 입니다.그래서 Next.js는 서버 컴포넌트에 비동기/대기(async/await)를 도입하고 클라이언트 컴포넌트에 새로운 use() 훅을 도입하는 등 지원을 하고 있습니다. async .. [2024 Node.js 스터디] 김수아 #4주차 "Node.js 6,7,9장" ●ch6서버 제작 과정에서의 불편함 해소하고 편의기능 추가한 웹 서버 프레임워크, 익스프레스▶6.1_익스프레스 프로젝트 시작하기하나의 폴더 생성그 폴더 안에 package.json생성 후 코드작성npm start 입력후 localhost3000에 접속해 확인▶6.2_자주 사용하는 미들웨어미들웨어는 익스프레스의 핵심이다요청과 응답의 중간(middle)에 위치하여 미들웨어라 불린다미들웨어는 요청과 응답을 조작해 기능을 추가하거나 나쁜 요청을 걸러내기도 한다 morganmorgan 연결 후 localhost:3000에 다시 접속해보면 기존 로그 외에 추가적인 로그를 볼 수 있다요청과 응답에 대한 정보를 콘솔에 기록app.use(morgan('dev')); //미들웨어 사용하기인수로 dev외에 combine.. 이전 1 ··· 31 32 33 34 35 36 37 ··· 84 다음
