developer_jju's_day

안녕하세요 jju_developer입니다. 오늘은 그동안 진행을 했었던 final project에 대한 정리를 해보고자 합니다. 제가 맡은 부분은 회원정보 수정이었습니다. @RestController 어노테이션을 통해서 Rest Api 컨트롤러 시작임을 알리며 @RequiredArgsConstructor 어노테이션을 통해 생성자 주입을 사용하였습니다. HTTP PUT 메서드를 사용하여 회원 정보를 수정을 나타내었고, HTTP DELETE 메서드를 사용하여 회원 정보를 삭제하는 로직을 만들었습니다. private final CustomerModifyService customerModifyService; 회원 정보 수정 서비스의 CustomerModifyService는 CustomerModifyControl..

Hello, I am jju_developer, and I am thrilled to share with you the culmination of our hard work. Over the past two months, I, along with a team of five dedicated students, have diligently worked on the development of "HOLD CREDIT." And now, we are excited to announce its completion! Easy Registration and Input of Customer Information: At HOLD CREDIT, we have focused on creating a user-friendly e..

안녕하세요 오랜만에 돌아온 jju_developer입니다. 리액트 공부를 위해 맥북을 사용한 리액트 초기 설정에 대해 알아보겠습니다. 1. Node.js 설치 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 웹사이트에 들어가서 노드제이에스를 깔아줍니다. 왼쪽 버전으로 설치를 한 후, 아무 폴더나 만들어서 거기서 2. 새폴더의 터미널을 열고 npx create-react-app blog 엔터 치기 npx create-react-app blog를 치고 리액트 프로젝트를 만들어봅니다. 이렇게 뜨면 성공적으로 작업 파일이 생성이 된 것입니다. 파일에 들어가 보면 blog 폴더에 기초 파일이 생성된..

23.04.11 수업내용 안녕하세요 jju_developer입니다. 오류사항을 해결하고 나서 node.js express 프레임워크 설치하였습니다. 기본적으로 NodeJS를 먼저 알아보겠습니다. Node.js란? Node.js는 Chrome의 V8엔진을 이용하여 javascript로 브라우저가 아니라 서버를 구축하고, 서버에서 JavaScript가 작동되도록 해주는 런타임 환경(플랫폼)입니다. 그렇다면 Express란 무엇일까요? Express란? Express는 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크입니다. 사실상 Nodejs의 표준 웹서버 프레임워크로 불려질 만큼 많은 곳에서 사용하고 있습니다. Express는 Node..

안녕하세요 jju_developer입니다. 수업 도중 어제 배운 생명주기 사이클을 보았는데 이해가 잘 가지 않아서 다시 정리를 해보았습니다. 리액트의 핵심 = 컴포넌트 그리고 이 컴포넌트는 생명주기를 가집니다. Component는 생성(mount)-> 갱신(update) -> 소멸 (unmount)라는 과정을 거치게 됩니다. 이러한 각각의 과정에서 특정하게 정한 함수 = 메서드 를 실행하면서 이 함수들을 생명주기 함수 또는 생명주기 메서드라고 하는 것 입니다. Component 순서 자세히 보기 컴포넌트를 생성할 때 위 이미지처럼 순서대로 진행이 됩니다. 1. constructor() 2. getDerivedStateFromProps() 3. render() 4. componentDidMount() 설명..

안녕하세요 jju_developer입니다. 지난 시간의 노드 js에 이어서 4번째의 componentDidMount에 대해 알아보겠습니다. 노드JS 개념 이해하기 + 다운로드 (npm과 yarn이란?) 노드 JS란 무엇일까? 안녕하세요 jju_developer입니다. 오늘부터 대망의 react에 대해서 공부를 하게되었습니다! Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. 말이 참 어렵죠? Java jju240.tistory.com 2장 yarn css, 함수형, 클래스형 component 예제, 생명주기 함수 render() 사용하기 안녕하세요 jju_developer입니다. 이어서 리엑트 수업에서 배운 내용을 정리하여 공유드립니다. cd 001로..

노드 JS란 무엇일까? 안녕하세요 jju_developer입니다. 오늘부터 대망의 react에 대해서 공부를 하게되었습니다! Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. 말이 참 어렵죠? Java 언어가 모든 OS 운영체제에서 Virtual Machine (VM) 환경 안에서 Runtime 이 구동되듯이 Node.JS 는 웹브라우저에 종속적인 자바스크립트에서 외부에서 실행할 수 있는 Runtime 환경을 Chrome V8 엔진을 제공하여 여러 OS 환경에서 실행할 수 있는 환경을 제공하게 됩니다. 이것을 Node.JS 라고 정의할 수 있습니다. 웹 브라우저에서 동작하는 간단한 웹 애플리케이션은 브라우저만으로도 개발을 할 수 있지만! 프로젝트의 규..