개발이 취미인 사람

- 개요 안녕하세요 이번 시간에는 Node.js 웹 애플리케이션 프레임워크인 Express를 활용해서 RESTful API 서버를 구축하는 시간을 가져보도록 해보겠습니다. 기본적으로 Node.js 서버를 PC에 설치를 해야 구축이 가능합니다. 다운로드는 아래 링크를 통해 운영체제에 맞게 설치해주시면 됩니다. 다운로드 공식 홈페이지 : nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 설치를 완료 했다면 콘솔 화면에 설치를 확인해보겠습니다. 터미널 창을 열어 아래 명령어를 실행해줍니다. node -v && npm -v Node 버전과 np..

- 지난 시간 지난 시간에는 Swaager UI를 구축하는 시간을 가졌습니다. 혹시 구축하지 않으셨다면 아래 링크를 보고 구축하고 오시면 되겠습니다. any-ting.tistory.com/11 [Swagger] Swagger UI를 활용한 내부 API Client 구축 - 개요 안녕하세요. 이번 글에서는 Swagger UI를 활용한 API 문서화 및 Client 서버 구축에 대해서 알아보겠습니다. 일단 Swagger라는 기술은 API를 설계하고 문서화를 해주는데 도움을 주는 기술입니다. any-ting.tistory.com - 개요 이번 시간에는 yaml 기본 파일 작성법에 대해서 알아보고 클라이언트 UI를 만들어 보도록 하겠습니다. Swagger를 사용하면서 가장 좋은 장점은 RESTful API를 문..

- 지난 시간 지난 시간에는 하위(자식) -> 상위(부모) Comonent에게 값을 전달 방법에 대해서 알아봤습니다. 혹시 이해 못 하신 분들이나 놓치신 분들은, 아래 링크를 통해 지난 시간 글을 학습하고 오시는 걸 추천드리겠습니다. any-ting.tistory.com/9 [React Class] 하위(자식) -> 상위(부모) Component 데이터 전달 - 지난 시간 지난 시간에는 Component Props와 State 사용 방법에 대해서 알아봤습니다. 혹시 놓치고 오신 분들은 하단 링크를 통해 지난 시간 글을 학습하고 오시는 걸 추천드립니다. :) any-ting.tistory.co any-ting.tistory.com - 개요 이 글에서는 React 생명주기, 즉 Class Component ..

- 지난 시간 지난 시간에는 Component Props와 State 사용 방법에 대해서 알아봤습니다. 혹시 놓치고 오신 분들은 하단 링크를 통해 지난 시간 글을 학습하고 오시는 걸 추천드립니다. :) any-ting.tistory.com/8 [React Class] Component Props와 State 사용방법(데이터 전달) - 지난 시간 지난 시간에 React라는 기술에 대해서 간단하게 설명을 하고, 프로젝트 component를 활용하는 시간을 갖었습니다. 혹시 Component에 대한 개념에 익숙하지 않으시면 제가 올린 글을 한번 읽 any-ting.tistory.com - 개요 이번 시간에는 하위(자식) 컴포넌트에서 상위(부모) 컴포넌트에게 데이터를 전송하는 부분에 대해서 알아보겠습니다. 지난..

- 지난 시간 지난 시간에 React라는 기술에 대해서 간단하게 설명을 하고, 프로젝트 component를 활용하는 시간을 갖었습니다. 혹시 Component에 대한 개념에 익숙하지 않으시면 제가 올린 글을 한번 읽고 실습하시는 걸 추천드립니다. any-ting.tistory.com/6 [React Class] 기본개념 - 개요 React라는 기술은 모든 사람들이 한 번쯤은 들어봤을 기술이다. Front-End에서 3 대장이라고 할 수 있는 기술 중 하나입니다. React에서 가장 중요한 개념은 "Component"이며, Component를 해석하면 ' any-ting.tistory.com - 개요 이번 시간에는 Component 간에 데이터를 전달하는 방법에 대해서 알아보겠습니다. 즉, Props와 S..

- 개요 React라는 기술은 모든 사람들이 한 번쯤은 들어봤을 기술이다. Front-End에서 3 대장이라고 할 수 있는 기술 중 하나입니다. React에서 가장 중요한 개념은 "Component"이며, Component를 해석하면 '(구성) 요소, 부품' 이라는 뜻이다. React는 UI Library이다. 즉! UI 부분만을 최대한 신경 쓰며, 최대한 효율적인 UI 개발을 하기 위해 만들어졌다. - Component 선언 React는 Component 단위로 화면을 구성한다. Component로 화면 Layout을 공통으로 사용할 수도 있고 Button과 같은 UI를 독립적인 Component UI로 만들어 사용할 수 있다. 예를 들어 공통 버튼을 만들어 여러 화면에서 사용을 해보겠습니다. Ex) ..

- VS Code 설치 개발 환경 IDE는 VS Code를 사용하겠습니다. 본인 PC OS에 맞게 설치해주시면 되겠습니다. VS Code 다운로드 공식 홈페이지 : code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud appl..

- IntelliJ 실행 IntelliJ를 실행 후 New Project를 클릭해 준다. Project SDK 설정을 해야 Java 언어 프로젝트를 생성할 수 있다. (혹시 : Java를 설치하지 않았다면 Java를 설치해야합니다.) 이전 블로그에서 설치 하는 방법을 만들어 놨으니 참고하고 설치해주시기 바랍니다.(참고로 Mac 기준...) any-ting.tistory.com/2?category=448481 [Mac] Java 개발 환경 설정(IntelliJ IDEA Community) - IntelliJ 설치 공식 홈페이지 : www.jetbrains.com/idea/download/#section=mac Download IntelliJ IDEA: The Java IDE for Professional ..

- IntelliJ 설치 공식 홈페이지 : www.jetbrains.com/idea/download/#section=mac Download IntelliJ IDEA: The Java IDE for Professional Developers by JetBrains Download the latest version of IntelliJ IDEA for Windows, macOS or Linux. www.jetbrains.com 본인에 PC OS 맞게 설치 진행 (Windows | Mac | Linux) 무료 버전을 사용 해야하니 Community 버전 클릭!! - 설치 안내서에 따라 설치를 진행 해주면 됩니다. - Mac JDK 설치 터미널을 열어 Java 설치를 확인해줍니다. java --version J..