Spring Java 기반의 웹 어플리케이션을 만들 수 있는 백엔드 프레임워크 Java로 다양한 어플리케이션을 만들기 위한 프로그래밍 툴 Spring 구조 Spring 프레임워크 특징 IoC (Inversion of Control, 제어 반전) DI (Dpenden

Wrapper 클래스 8가지 기본 데이터 타입 (primitive data type) 을 객체로 표현하기 위해 제공되는 클래스 객체로서 다양한 메서드와 속성 사용 장점 컬렉션 저장 자바의 컬렉션 (ex. ArrayList) 은 기본 데이터 타입을 직접 저장

Class 패키지 관련 있는 클래스 파일을 저장하는 공간 접근 제어자 클래스나 일부 멤버 (필드, 메서드) 에 외부에서의 접근 제한을 걸어두는 것 public 같은 클래스 ⭕ 같은 패키지 ⭕ 자식 클래스 ⭕ 전체 ⭕ protected 같은 클래스 ⭕ 같은 패

JAVA 기본 문법 데이터 타입 기본형 데이터 타입 (Primitive) boolean, char, byte, short, int, long, float, double 참조형 데이터 타입 (Reference) 기본형을 제외한 모든 형태 Scanner 클래스 주요 메서드 next( ) : 공백 이전까지의 문자열을 읽음 nextLine( ) : 줄바...

개인 포트폴리오 웹 페이지프로필, 사용 가능한 기술 스택, 진행한 프로젝트, 메일 등에 대한 정보 제공Main page, 자기소개 page, 프로젝트 page, contact page로 구성Header를 통해 페이지 간 이동 가능로고, About, Projects, C

TypeScript JavaScript의 기본 문법에 자료형 체크 기능을 추가한 것 JavaScript가 자의적으로 type을 해석하고 코드를 실행시켰을 때, 의도와 다른 방식으로 쓰이는 것을 방지 정적 파일 언어 → 실행하지 않고도 코드 상의 에러를 알려줌 (실시간

useSelector( ) redux store의 state를 조회하는 함수 인자로 콜백함수, 콜백함수의 매개변수로 state를 받을 수 있음 자동으로 subscribe를 하고 있으므로 데이터가 변경되면 컴포넌트 재실행 store.getState( ), subscrib

context api vs redux (찾아보고 정리) redux는 순수한 javascript Store 데이터를 넣는 곳 createStore(reducer 함수) : store 생성, reducer 함수 필수 getState( ) : createStore로 생성

context 생성 createContext()는 provider와 consumer 두 개의 리액트 컴포넌트 반환 초기값 설정 X 타입 설정 O createContext 내부에 타입을 설정하는 것은 필수가 아닌 옵션 그러나 명시하는 것이 좋음 consumer 자식 컴

handleSubmit : 두 개의 함수를 받음, 하나는 유효할 때 실행되는 함수(필수), 다른 하나는 유효하지 않을 때 실행되는 함수(선택)

React Router 개발자가 주소별로 다른 컴포넌트를 보여주기 위해 사용하는 라이브러리 여러 환경에서 동작할 수 있도록 여러 종류의 라우터 컴포넌트 제공 주요 컴포넌트 BrowserRouter Routes Route Link createBrowse

Ref Reference 전역적으로 작동 ❌ 컴포넌트 내부에서 선언 및 사용 ⭕ 동일한 컴포넌트 반복 사용해도 각 컴포넌트 내부에서만 동작 → 중복 ❌ DOM을 직접적으로 건드려야 할 때 사용 ex) 특정 input에 focus 주기, 스크롤 박스 조작, 비디오 플

LifeCycle Mount : DOM이 생성되고 웹 브라우저 상에 나타남 Update : props나 state가 바뀌었을 때, 업데이트함 Unmount : 컴포넌트가 화면에서 사라짐 render → DidMount에서 데이터 가져옴 → setState에 의해 다시

Event Handling 즉시 실행을 원할 경우에는 event에 괄호 붙이기 click event만 주고 싶다 -> 괄호 X onChange: input, textarea, select 값이 변경될 때마다 발생하는 event handler [...this.stat

Component MVC View를 독립적으로 구성해 재사용할 수 있고, 새로운 컴포넌트도 만들 수 있음 데이터 (props) 를 입력받아 View 상태 (state) 에 따라 DOM Node 호출 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적

프레임워크 vs 라이브러리 프레임워크 한 프로그램을 만들기 위한 함수명 등이 모두 정의되어 있음 프로젝트 하나당 하나의 프레임워크만 사용 가능 라이브러리 원하는 페이지에서 다 사용 가능 리액트는 단방향 data flow 단방향 = 한 쪽으로 흘러가는 것 컴포넌트

💻 Do-IT (팀 프로젝트) 📍 http://3.39.211.126/ 소개 개발자 스터디 플랫폼 원하는 CS 과목에 대해 면접 연습 진행 → Open AI api (Chat GPT) 평가 → 포인트 획득 면접 연습을 통해 얻은 포인트로 스터디 개설 (100 포

Socket.io 클라이언트와 서버 간의 짧은 지연 시간, 양방향 및 이벤트 기반 통신을 실시간으로 가능하게 하는 라이브러리 WebSocket 프로토콜 위에서 구축됨 통신 과정을 단순화하고 개선하기 위한 추가 기능 제공 이벤트 기반 자동 재연결 기본 이벤트 사용자

TCP / IP 신뢰성 있게 전송 = 순서를 지켜서 전송 TCP 통신은 컨테이너 벨트를 생각하면 됨 네트워크 인터페이스 계층 맥 주소를 관리 이더넷이나 와이파이 같은 기술이 이 계층에 해당 응용 계층 소켓 응용 계층과 전송 계층 사이에서 동작 TCP / UDP 모

개발 과정 DB와 prodcution DB 분리를 위해 package.json에서 환경변수 설정함 공개적으로 보여주지 않을 정보(ex. api key 값) 개발 서버와 배포 서버에서 다르게 설정할 정보(ex. 파일 경로 등) 이런 내용들을 환경 변수에 저장