본문 바로가기

전체 글

(180)
스프링 프레임워크 소개 Spring 프레임워크 개요 Spring의 핵심 개념 이해: IoC, AOP, DI Spring 기반 애플리케이션 빌드하기 Spring 프레임워크는 엔터프라이즈 애플리케이션을 구축하기 위한 오픈 소스 프레임워크입니다. 이 프레임워크는 모든 종류의 배포 플랫폼에서 최신 Java 기반 엔터프라이즈 애플리케이션을 위한 포괄적인 프로그래밍 및 구성 모델을 제공합니다. 이 프레임워크는 모듈식이며 독립형 애플리케이션을 구축하거나 다른 프레임워크와 통합하는 데 사용할 수 있습니다. Spring 프레임워크의 핵심 개념은 제어의 역전(IoC), 측면 지향 프로그래밍(AOP), 의존성 주입(DI)입니다. 각각에 대해 좀 더 자세히 살펴보겠습니다. IoC는 프레임워크가 애플리케이션의 흐름을 제어할 수 있도록 하는 디자인 패..
세치혀 머니트레이너 김경필 요약 부자들은 도끼 날을 갈고 있다. 지금은 도끼를 휘두를 때가 아니다. 지금은 자산시장이 좋지 않아 현금을 쌓아두고 기다리고 있다. 2025년 즈음 바람의 방향이 바뀔거다 지금은 시드 머니를 모아야 한다. 월급은 인생 전체의 나와 함께 써야 하는 공금이다. 월급은 평생 400번 받으면 끝 5년차들은 이미 한 60번 정도 받음 일단 1억 모으기가 시작이다. 재태크 스타트라인이 1억이다. 비행기도 비행을 하려면 10km 상공 위로 올라가야 비행을 할 수 있음. 그전에는 비행을 할 수가 없음 우리도 1억을 모아야 이제 뭔가를 할 수 있음 저축오적(1억 모으기를 방해하는 5적) 1. 카페인 중독(카카오톡, 페이스북, 인스타 중독) -> SNS 간헐적 단식이 필요함 인간의 3가지 본성 - 훔쳐보기 - 따라하기 - 노..
[React] React 프로젝트 생성 및 환경 설정 Node.js 설치 npm을 사용하려면 먼저 Node.js를 설치해야 합니다. Node.js는 서버 측에서 자바스크립트를 실행할 수 있게 해주는 자바스크립트 런타임입니다. 공식 웹사이트(https://nodejs.org/en/download/)에서 Node.js를 다운로드하여 설치할 수 있습니다. TypeScript로 새 React 프로젝트 만들기 TypeScript로 새 React 프로젝트를 생성하려면 React 애플리케이션을 생성하는 데 널리 사용되는 도구인 Create React App(CRA)을 사용할 수 있습니다. 터미널에서 다음 명령을 실행하여 TypeScript로 새 프로젝트를 생성할 수 있습니다 이 명령은 TypeScript를 지원하는 "my-app"이라는 디렉터리에 새 React 프로젝트..
[React] useEffect useEffect란? "useEffect"는 개발자가 선언적인 방식으로 함수형 컴포넌트에 생명주기 메서드를 추가할 수 있게 해주는 React Hook입니다. 클래스 기반 컴포넌트의 필요성과 "componentDidMount", "componentDidUpdate", "componentWillUnmount"와 같은 수명 주기 메서드의 사용을 대체합니다. 개발자는 useEffect를 사용하여 컴포넌트 부작용을 관리하고 데이터 가져오기, DOM 조작, 이벤트 구독과 같은 작업을 수행할 수 있습니다. 장점 함수형 컴포넌트에 수명 주기 메서드 추가 간소화 React에 useEffect가 도입되기 전에는 함수형 컴포넌트에는 componentDidMount, componentDidUpdate, componentWil..
FlatMap() 이란? - map()과 다른점 flatMap()map()의 기능을 flat()단일 메서드로 결합하는 JavaScript 및 TypeScript의 고차 배열 메서드입니다 . 이 map()메서드는 제공된 콜백 함수를 기반으로 배열의 각 요소를 변환하고 변환된 요소가 포함된 새 배열을 반환합니다. flat()반면에 이 방법은 중첩된 배열을 단일 수준 배열로 병합합니다. 이 메서드는 배열의 각 요소에 함수를 flatMap()적용한 다음 결과 배열을 단일 수준 배열로 평면화합니다. map()제공된 콜백 함수를 사용하여 각 요소를 0개 이상의 요소 배열로 변환한 다음 해당 배열을 단일 수준 배열로 연결하여 이를 수행합니다. const arr = [1, 2, 3]; const mapped = arr.map(x => [x, x * 2]); cons..
ChatGPT란? + 사용 방법 ChatGPT는 OpenAI가 개발한 강력한 언어 모델입니다. 이는 GPT(Generative Pre-trained Transformer) 아키텍처를 기반으로 하며 대화 언어용으로 미세 조정되어 있습니다. 이 모델은 인간 대화의 대규모 데이터 세트로 훈련되며 다양한 프롬프트에 대한 인간과 같은 응답을 생성할 수 있습니다. ChatGPT의 주요 이점 중 하나는 대화 컨텍스트를 이해하고 적절한 응답을 생성할 수 있다는 것입니다. 이렇게 하면 사용자와 더 자연스럽고 부드러운 대화를 할 수 있습니다. 모델은 고객 서비스 및 정보 검색과 같은 특정 사용 사례에 맞게 미세 조정하여 더욱 효과적으로 만들 수 있습니다. ChatGPT는 확장성이 높으며 채팅봇 및 가상 어시스턴트와 같은 대규모 애플리케이션에서 사용하기에..
영어회화 앱 "스픽(Speak)" 무료체험에서 구독하게된 이유 + 할인방법 이전부터 스픽이란 어플을 눈팅하며 무료체험 기간뜰때마다 들어가서 알차게 사용했습니다. 2021 말쯤 무료체험 이벤트가 떠서 체험해보면서 어플참 잘 만들었다.. 생각하며 주변에 영어 공부한다는 친구들에게 추천을 해주었습니다. 2021년도 까지만 해도 영어를 하겠단 결심이 서지 않아서 미루다 결국 1년이 지나게 되었네요..ㅎㅎ 2022년 말 또 스픽에서 무료체험 이벤트가 뜨게되어 불이나케 들어가 해보았습니다. 이번에 제가 무료 체험 유저에서 구독자로 전환된 가장 큰 이유입니다. 이번체험에서는 신규 기능인 AI 튜터 기능을 위주로 사용해보았습니다. 처음에는 무슨 대화를 해야하는지 몰라 아무말만 하다가 끝났는대요.. 알고보니 미션과 추가 미션들이 있더라구요 ㅎㅎ 추가미션을 위주로 대화하다보니 오히려 체계있는 대..
[React] CSS 분기 꿀팁 let defaultClass = ['navbar', 'pcoded-header', 'navbar-expand-lg', 'header-blue']; if (headerFixedLayout) { headerClass = [...headerClass, 'headerpos-fixed']; } return {navBar}