let's coding let's coding

이번엔 배열에 대하여 포스팅해보겠습니다. 배열 (array) 란? 같은 자료형의 값 여러 개를 저장하는 연속된 공간 배열 없이 값들을 나열해 출력을 할 때 우리는 하나씩 선언, 초기화 해야한다는 번거러움이 있습니다. 배열 없이 값을 여러개 출력해보겠습니다. String coffeeRoss = "아메리카노"; String coffeeRachel = "카페모카"; String coffeeChandler = "라떼"; String coffeeMonica = "카푸치노"; System.out.println(coffeeRoss + " 하나"); System.out.println(coffeeRachel + " 하나"); System.out.println(coffeeChandler + " 하나"); System.ou..

이번 포스팅에서는 Security 에 대해 작성해보겠습니다. 이번 프로젝트를 하며 시큐리티에 처음 접해보았습니다. 시큐리티를 이용하면 로그인 인증 한 번만을 통해 세션이동 간에 인증을 유지하며 로그아웃 하면 세션을 날리는 것과 동시에 인증을 없앨 수 있습니다. 처음 접할 때는 상당히 골치 아팠지만 공부하여 사용해 보니 이 만큼 편한게 없다고 생각이 듭니다. 하지만 아직도 하나하나 구성 하라하면 머리가 아프지만 그래도 제가 공부하여 이해한 만큼 작성해보겠습니다. 시큐리티를 이용하기 위해선 config 클래스를 작성하여 bean 을 등록하여야 합니다 config 클래스 코드를 보며 설명해드리겠습니다. import jakarta.servlet.DispatcherType; import lombok.Require..

이번에는 react 서버 와 spring boot 를 서버를 연동하는 방법을 공부하겠습니다.리액트 화면이 랜더링시에 자동으로 호출되는 상태 함수가 있다. 이 상태 함수는 상태값과 mapping 되는데 화면에 랜더링 된 후 직후의 상태를 didmount 라고 한다 이 상태에 따라서 특정 작업([ex]Open Api호출, 파일 접근, 네트웍 접근 등) 을 정의해서 수행할 수 있다 여기서 mount 라는 단어는 화면을 구성하는 DOM이 완료되었는지 여부를 뜻한다. unmount는 위와 반대이다. 화면이 닫히거나, 화면이 다른 화면에 의해 가려질 때 등의 상태를 말한다. 이 역시 unmount() 라는 함수를 이용해서 재정의 할 수 있다. 일반적으로는 초기화 했던 작업을 모두 해제하는 작업을 정의한다. 서블릿 ..

이번 포스팅에는 앞서 공부한 리엑트 응용입니다. Counter.js import React from "react"; function Counter(){ return( {number} +1 증가 -1 감소 ); } export default Counter; 이 컴포넌트는 버튼 두 개를 생성해서 각 이벤트를 적용하여 카운터를 증감하도록 하는 컴포넌트이다. 실제 증가하는 카운터 변수는 부모 컴포넌트에 존재하고, 이벤트도 부모에 존재한다. 단지 Ui 구성만 하고, 나머지는 props 를 통해 이벤트 등의 초기 정보를 주며 이벤트 이후 변경되는 상태값은 state이라는 내장 객체를 이용해서 가공한다. 대부분의 React 는 이러한 방식으로 구현되어진다. app.js import logo from './logo.s..