글쓰는 개발자

Postman은 좋은 API 호출 도구이지만 인텔리J를 사용한다면 HTTP 형태의 파일로 간편하고 유용한 API 호출을 수행할 수 있다. [kotlin / Spring] CRUD Rest API 구현 / JPA 테이블 연동JPA를 사용하기 위해서는 DB 테이블과 연동할 entity와 DB에 쿼리를 전달할 Repository 그리고 이 Respository들을 사용할 Service가 필요합니다. 사용자 테이블을 만들고 해당 테이블에 사용자 생성 / 수정 /gran007.tistory.com 1. IntelliJ HTTP 생성IntelliJ의 컨트롤러 페이지에서 컨트롤러의 Rest API 함수 좌측에 동그란 아이콘을 누르면 http 라는 파일이 프로덕트 구조에 Scratches and Consoles - S..

API를 구현했으면 이제 직접 호출을 통해 테스트를 해야 합니다. [kotlin / Spring] CRUD Rest API 구현 / JPA 테이블 연동JPA를 사용하기 위해서는 DB 테이블과 연동할 entity와 DB에 쿼리를 전달할 Repository 그리고 이 Respository들을 사용할 Service가 필요합니다. 사용자 테이블을 만들고 해당 테이블에 사용자 생성 / 수정 /gran007.tistory.com 가장 손쉽게 API를 호출할 수 있는 방법은 Postman을 사용하는 방법입니다. 포스트맨 홈페이지(https://www.postman.com/)에서 포스트맨을 다운받습니다.포스트맨을 실행하면 다음과 같은 화면이 보입니다. 1. Collection 세팅좌측 API의 묶음인 Collectio..

JPA를 사용하기 위해서는 DB 테이블과 연동할 entity와 DB에 쿼리를 전달할 Repository 그리고 이 Respository들을 사용할 Service가 필요합니다. 사용자 테이블을 만들고 해당 테이블에 사용자 생성 / 수정 / 삭제 / 검색등이 가능한 API를 만들어보도록 하겠습니다. 1. 테이블 명세사용자 테이블의 명세는 다음과 같습니다.create table user( user_id bigint auto_increment primary key, email varchar(100) not null, user_name varchar(100) not null, password..

IntelliJ 에서 New Project 버튼을 클릭해 새로운 프로젝트를 생성합니다.좌측 메뉴에 Generators에 Spring Boot를 선택하고 프로젝트명과 group명을 정한뒤 Language와 Type을 각각 Kotlin과 Gradle-Kotlin으로 선택하여 Next 버튼을 클릭합니다. 의존성 탭에서는 Rest API를 위해 Web - Spring Web를 선택합니다.또한 MySQL JPA 연동을 위한 SQL 카테고리에 Spring Data JPA, MySQL Driver 를 선택해주고 Create 버튼을 눌러 프로젝트를 생성합니다. 디펜던시 다운로드가 완료된 뒤에 Run 버튼을 눌러 실행하면 다음과 같은 에러를 확인할수 있습니다. 이는 MySQL 접속 정보가 없어서 생긴 현상으로 appli..

1. 기본 개념과 목적구분jQueryReact목적Dom 조작 및 Ajax를 쉽게 하기 위한 유틸리티 라이브러리UI를 컴포넌트 기반으로 구성하고 상태 기반 렌더링 제공철학HTML을 조작하는 방식 중심UI = 상태(state) 라는 철학에 기반 2. DOM 조작 방식구분jQueryReact목적직접 DOM 요소 선택 후 조작Virtual DOM 사용 -> 변경된 부분만 효율적으로 업데이트철학수동으로 DOM 상태 관리상태(state) 변경 -> 자동으로 UI 갱신 3. 구조 및 확장성구분jQueryReact목적명시적 구조 없음 (절차적 코드로 구성)컴포넌트 기반 구조화 가능철학규모가 커지면 코드 복잡도 증가컴포넌트화로 유지 보수 용이 4. 학습 곡선 및 개발 환경구분jQueryReact목적낮음 (간단한 문법..

1. 새 프로젝트를 생성합니다. 2. 배포할 Repository를 선택합니다. 3. Deploy 버튼을 눌러서 배포를 실행합니다. 4. deploy 상태가 표시됩니다. 5. deploy가 완료되면 preview를 확인할수 있습니다. preview 화면을 클릭하면 실제 배포된 사이트로 이동할수 있습니다.

터미널 창에 다음 명령을 입력해 vue cli를 설치합니다.npm install -g @vue/cli VS Code에 vue관련 두개의 extension을 설치합니다.- vue (Official) - vue 3 snippets vue 프로젝트를 생성합니다vue create vue 3를 선택합니다.Vue CLI v5.0.8? Please pick a preset: (Use arrow keys)❯ Default ([Vue 3] babel, eslint) Default ([Vue 2] babel, eslint) Manually select featuresYan과 Npm 중 선호하는 패키지 매니저를 선택합니다.Pick the package manager to use when installing depen..

next.js 는 폴더 구조를 따라 라우터를 구성할 수 있는 app router라는 기능을 제공합니다.app 폴더 내에 dashboard 라는 폴더내에 page.js 혹은 page.tsx 파일을 위치시키면 /dashboard라는 주소로 해당 페이지에 접근할 수 있습니다. App Router 기능을 잘 활용하여 네비게이션 바를 구성합니다. 위 네비게이션 바 메뉴의 구성에 맞춰 폴더와 페이지, 스타일 파일을 구성합니다. community, course, faq, review 폴더를 생성하고 page.tsx와 style.module.css 를 각각 만들었습니다.components 폴더에 네비게이션 바를 위한 index.tsx를 만들고 네비게이션은 모든 페이지에 나타날 수 있도록 layout.tsx에 포함해 줍..