🦁멋쟁이사자처럼 백엔드 부트캠프 13기 🦁TIL 회고 - [35]일차🚀35일차에는 AOP에 대해 배우고 관련된 용어 @Before, @After 어노테이션 등에 대해서도 실습해보았다.회고를 통해 Proxy 객체에 대해서도 부족했던 부분을 더 공부해봐야겠다.AOP (Aspect Oriented Programming)관점지향 프로그래밍은 객체지향 프로그래밍을 보완객체지향과 상반된 것 같지만 목적에 맞게 클래스를 만들어서 하나의 객체로 분리하는 객체지향과 달리관점지향은 비즈니스 웹 애플리케이션에서 핵심관심과 횡단관심으로 분리프레젠테이션 계층 / 서비스 계층 / 데이터 계층 에 대해 전체적으로 필요한 관심사들(로깅/보안/트랜잭션 등)이 횡단으로 존재자체적 언어라기보단 기존의 OOP언어를 보완하고 확장함 (..
🦁멋쟁이사자처럼 백엔드 부트캠프 13기 🦁TIL 회고 - [34]일차🚀34일차에는 필드를 통한 의존성 주입에 대한 공부와 Optional객체, Annotation 등에 대해 배울 수 있었다.먼저 회고를 통해 이해가 어려웠던 생성자, 설정자 부분의 복습해야할 것 같다. 설정자를 통한 의존성 주입 UserExam 클래스사용자가 웹페이지에 접속하여 회원가입을 요청 (main)// UserController를 주입받음public class UserExam { public static void main(String[] args) { ApplicationContext context = new AnnotationConfigApplicationContext(UserConfig.class); ..
🦁멋쟁이사자처럼 백엔드 부트캠프 13기 🦁TIL 회고 - [33]일차🚀33일차에는 스프링에서의 DI (의존성 주입)과 IoC (제어의 역전)를 배우고 이를 활용하여 Bean 생성, @Component 등을 접할 수 있었다.개념들에 대한 이해는 할 수 있었지만 이를 활용하여 Bean을 생성하고 활용하는 부분에 대해서는 아직 이해가 부족한 것 같아서 회고를 통해 많이 배워야겠다.스프링 어노테이션(@)POJO기반으로써 결합도를 낮추고 유연성을 높인다.즉, 종속되어 있어 결합도를 높이는 상속을 사용하지 않고도 상속처럼 동작할 수 있도록 어노테이션 사용ex. @GetMapping : @RestController의 자손 격 어노테이션으로 URL 요청이 들어오면 컨트롤러의 클래스를 찾아서 가져와 사용ex. Ge..
🦁멋쟁이사자처럼 백엔드 부트캠프 13기 🦁TIL 회고 - [32]일차🚀32일차에는 스프링과 스프링부트에 대해 배워보고, 프레임워크/라이브러리 등의 차이점에 대해서 토론해볼 수 있었다.회고를 통해 개인적으로 이해한 부분을 좀 더 정리해봐야겠다. 스프링 프레임워크자바 플랫폼을 위한 오픈 소스 애플리케이션 프레임워크동적 웹 사이트 개발을 위한 서비스 제공package com.example.hellospring.controller;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.RestController;@RestControllerpublic class HelloCon..
🦁멋쟁이사자처럼 백엔드 부트캠프 13기 🦁TIL 회고 - [31]일차🚀31일차에는 먼저 Express 서버로 수정/삭제 기능 구현을 모두 완료하고 useEffect와 useEffect에서 cleanUp하는 부분을 배울 수 있었다.그 후 리액트로 구현했던 Todo 리스트 프로젝트를 조금 더 개선하여 "작성날짜"와 "할일완료유무" 등을 확인할 수 있도록 Memo 프로젝트를 진행하였다.잘 구현할 수 없을 것 같던 투두리스트 프로젝트를 기능별로 하나씩 구현해보니 시간은 꽤 오래걸렸지만 원하는 기능을 구현해낼 수 있었다.회고를 통해 프로젝트를 구현하면서 했던 생각들을 정리하고자한다! 리액트에 Express 적용 (할일 추가) express서버의 추가하는 부분 (index.js)let idGen = 3;rou..
ExpressNode.js의 웹 애플리케이션 프레임워크Node.js는 크롬의 V8엔진을 통해 브라우저가 아닌 자바스크립트로 서버를 구축한 후 그 서버에서 자바스크립트가 작동되도록 해주는 런타임 플랫폼Express는 이러한 Node.js를 기반으로 웹 애플리케이션을 만들기위한 프레임워크💡정리하자면 Node.js를 사용하여 쉽게 서버를 구성할 수 있게 만든 클래스와 라이브러리의 집합체자바스크립트 + Node.js를 이용한 Web API 만들기1. 설치 ➡️npm install -g express-generator ⚠️ 프로젝트는 다른 리액트프로젝트의 하위가 아닌 새 프로젝트로 생성해야한다.-g 옵션 : global로 전역옵션으로 설치해달라는 것$ npm install -g express-generatorn..
🦁멋쟁이사자처럼 백엔드 부트캠프 13기 🦁TIL 회고 - [30]일차🚀30일차에는 리액트로 Todo리스트를 구현하면서 추가, 삭제, 수정 기능을 어떻게 구현하면 좋을지 배울 수 있었다.useState가 중요하게 자주 쓰였고 props로 함수객체와 데이터객체를 전달하여 다른 컴포넌트에서 수행한 값을 전달할 수 있었다. 회고를 통해 코드를 다시 해석해봐야겠다고 생각했다. Todo 리스트 만들기전체 컴포넌트를 감싸는 컴포넌트 = TodoBox 컴포넌트그 안에서 Input을 받는 Todo = TodoInput 컴포넌트Todo들을 보여주는 컴포넌트 = TodoList 컴포넌트추가 기능할 일 입력 후 엔터 입력 시 “할일이 등록되면서” 리스트에 정보 출력 (input태그에 이벤트onKeyDown 활용)리스트의..
🦁멋쟁이사자처럼 백엔드 부트캠프 13기 🦁TIL 회고 - [29]일차🚀29일차에는 상태관리를 할 수 있는 useState와 DOM객체를 참조할 수 있는 useRef에 대해서 배웠다.또한 부모-자식으로 묶여있는 컴포넌트들을 한번에 가져와 화면에 반영해볼 수 있었다. 범위는 적었지만 그 안에서 새롭게 배운것이 많아서 이번 회고를 통해 정리를 잘 해놔야겠다고 생각했다.여러 컴포넌트 전달 ▶️실습 - XML 요소(Element)안의 내용들을 props로 전달XML요소 Helloprops.children : props가 가지고 있는 내용을 전달Parent.jsfunction Parent(props){ return( {props.children} )}ex..
yieldJDK 14에서의 switch문에서 나온 키워드break문이 제거됨으로써 기존의 코드와 비교하면 더욱 간결해짐➡️break 문의 누락 실수를 방지switch (city) { case SEOUL -> “Korea”; case NEWYORK -> “America”; case LONDON -> “England”; default -> “unknown”; }; switch expression (=switch 표현식)에서 yield 는 값을 리턴하는 키워드“case L ->” 문법여러 case를 사용하는 경우 해당 코드를 블록으로 묶고 yield 를 통해 리턴 가능값을 명시적으로 리턴하기 위해 새로운 키워드인 yield를 도입 case MONDAY -> yield 0; ➡️컴파일 에러..
