본문 바로가기

Time waits for no one 😎
FE 개발자 지망생의 기술 블로그입니다.
[Github - https://github.com/inthhh]

블로그 내 검색

👩‍💻 개발 공부47

[한경xToss] 15주차 요약 : Java SpringBoot + 첫 스프링 백엔드 개발 개인의 학습 내용 기록 중, 극히 일부의 내용만 작성되었습니다. 자바 스프링부트 기초 🌱 Spring 개념Java 기반의 웹 애플리케이션 프레임워크목표: 현대 자바 기반 엔터프라이즈 애플리케이션을 위한 프로그래밍 및 설정 모델 제공✨ Spring의 주요 특징- POJO 지향POJO (Plain Old Java Object): 외부 기술 없이 순수 Java로 작성된 객체- 경량 컨테이너객체 생성 및 관리를 자체적으로 수행- IoC (제어의 역전) / DI (의존성 주입)객체 간 의존성을 외부에서 주입하여 유연한 구조 설계 가능- AOP (관점지향 프로그래밍)공통 관심 사항(로깅, 보안 등)을 핵심 로직과 분리하여 관리🚀 Spring Boot 주요 어노테이션🔹 @SpringBootApplication3.. 2025. 4. 12.

[한경xToss] 14주차 요약 : Java 개인의 학습 내용 기록 중, 극히 일부의 내용만 작성되었습니다. Java//자바는 클래스에서 시작해서 끝난다.//public : 접근제한자//class : 클래스 정의어public class ex01 { //static : 정적 변수/함수로 선언 // 프로그램 시작점에 정의한다. //String[] : 문자열 배열, 프로그램 시작시 // 파라미터 ex) hwp.exe a.hwp b.hwp public static void main(String[] args) { //println : 콘솔 출력 System.out.println("Hello Java!"); }}//데이터 타입(자료형) //기.. 2025. 4. 12.

[한경xToss] 12-13주차 요약(2) : Next.JS 개인의 학습 내용 기록 중, 극히 일부의 내용만 작성되었습니다. React VS Next리액트 : CSR (클라이언트 사이드 렌더링) - 번들유저 pc에서 js와 html을 그려줌검색엔진(SEO)에 안걸림첫 로딩시 지연 발생넥스트 : SSR (서버사이드 렌더링) - 리액트 제작하고, html을 내려줌검색엔진에 나옴지연이 발생되지 않음fetch 함수 최적화, 모든 기능 최적화 제공별도의 라우터 설정이 필요 없고, 파일시스템 기반 라우팅 제공SSR 장점 : 보안성, 호환성, SEO 최적화단점 : 더 많은 자원 소모, 많은 부하, 유지보수 비용 증가, 페이지 요청 시간 증가, 브라우저 전용 API 사용 시 명시적 지정 필요 📌 예시서버 컴포넌트 (app/page.tsx)// 기본적으로 서버 컴포넌트exp.. 2025. 4. 12.

[한경xToss] 12-13주차 요약(1) : MySQL 개인의 학습 내용 기록 중, 극히 일부의 내용만 작성되었습니다. mysql 설치mysql workbench, dbeaver 설치 (UI가 더 좋은 디비버 사용) 📌 SQL 함수 종류내장 함수: MySQL에서 기본 제공단일행 함수: 하나의 행 → 하나의 결과집계 함수: 여러 행 → 하나의 결과사용자 정의 함수: 사용자가 직접 만든 함수📚 문자열 함수길이:CHAR_LENGTH('HELLO'): 글자 수 (5)LENGTH('HELLO'): 바이트 수 (5)한글은 바이트 수 다름연결:CONCAT('A','B'): ABCONCAT_WS('-', 'A','B'): A-B자르기:LEFT('문자열', 3) / RIGHT('문자열', 3)SUBSTR('문자열', 시작, 개수)일부 추출:SUBSTRING_INDEX.. 2025. 4. 12.

[처음 만난 리액트] React 책읽기 : Chapter 9-12 정리 [ 참고 서적 : 소플의 처음 만난 리액트(2판) - 한빛미디어 ] ✅ 조건부 렌더링 (Conditional Rendering)조건에 따라 렌더링 결과가 달라지도록 하는 것🔹 1. 엘리먼트 변수리액트 엘리먼트를 변수처럼 저장해서 조건에 따라 선택적으로 렌더링 let button;if (isLoggedIn) { button = ;} else { button = ;}return {button};🔹 2. 인라인 조건▶ 인라인 If조건문을 코드 안에 직접 집어넣는 방식논리 연산자 && (AND) 사용앞의 조건이 true일 때만 뒤의 엘리먼트가 렌더링됨{isLoggedIn && }▶ 인라인 If-Else삼항 연산자 ? : 사용조건이 true면 첫 번째, false면 두 번째 항목을 렌더링서로 다른 두 가지.. 2025. 4. 7.

[처음 만난 리액트] React 책읽기 : Chapter 6-8 정리 [ 참고 서적 : 소플의 처음 만난 리액트(2판) - 한빛미디어 ] 🔹 React State 정리✅ State란?리액트 컴포넌트의 변경 가능한 데이터개발자가 직접 정의하여 사용State가 변경되면 컴포넌트가 재렌더링됨렌더링이나 데이터 흐름에 사용되는 값만 State에 포함해야 함🎯 State의 특징JavaScript 객체 형태직접 변경 불가능 → 반드시 지정된 방법(set 함수)으로 변경해야 함⚛️ 클래스 컴포넌트에서 State 사용법생성자에서 State를 한 번에 정의State 변경 시 setState() 함수 사용⚡ 함수 컴포넌트에서 State 사용법useState() Hook을 사용하여 각각의 State를 정의각 State별로 제공되는 set 함수를 사용하여 변경🔹 React 생명주기(Life.. 2025. 4. 4.

이전 1 2 3 4 ··· 8 다음

728x90

티스토리툴바