전체 글

[프론트엔드] REACT 프로젝트 초기환경 구성

1. 프로젝트 초기설정 이번에는 react 앱을 생성하고 실행하는 방법에 대하여 작성할 에정이다. 여기서는 yarn을 사용할 예정이다. 'yarn'이란 Facebook에서 만든 자바스크립트 패키지 매니저 yarn은 패키지와 모듈을 관라하기 위하여 페이스북에서 만든 라이브러리로 node-modules에 포함되는 모듈을 관리하기 쉽다는게 강점이다. 먼저 원하는 위치에 폴더를 생성하고 폴더에서 vscode를 연다. 2. yarn 설치 터미널 -> 새터미널 실행 아래의 명령어를 입력하자. $ npm install -g yarn react는 node 안에서 동작하기 떄문에 npm이 기본적으로 설치되어 있어야한다. npm install(설치) -g는 글로벌(전역) yarn을 설치한다는 의미이다. 3. create-..

github push, pull 권한 문제 해결방법

git에서 소스를 받아오고 push할때 Repository 권한 오류가 빈번히 발생한다. 저장소 수정권한이 없어서 발생하는 해당 오류를 해결하기 위해서는 대표적으로 2가지의 방법이 있다. 1. ssh key를 통해서 git 계정을 인증하는 방법. 1번의방법은 공개키를 git bash를 통해서 생성한 후 git 계정에서 설정한 후 인증하는 방법이다. https://www.hanumoka.net/2020/04/16/git-20200416-git-ssh-key-generate/ Github에 push, pull을 위한 ssh키 생성 및 등록(windows10) 들어가기이 블로그는 hexo라는 정적 웹 생성기로 만들어져 있고, hexo로 만들어진 정적웹을 github 페이지에 배포하여 운영하고 있다. 여기서 g..

[프론트엔드] React Project - GA API 개발

1. GA4/UA 태그 API 신규 개발 배경 구글 GA 태그에 대한 API 신규개발 내용울 정리하여 기술한다. GA태그는 NodeJs header 부분에서 호출하고 있는데 실제로 push 하는 클릭 태그를 변경해야하는 작업이 생겼다. 클릭 태그는 프로젝트(도메인)마다 공통으로 삽입되어있어서 프로젝트마다 태그를 수정 해야한다. 요청사항은 클릭태그 가상의 카테고리 -> 실제 카테고리 ID로 변경해달라는 내용이였다. 해당 카테고리를 수정하기 위헤서는 나중을 위해서도 GA 전용 API를 개발하고 REACT에 적용할 필요가 있었다. GA태그 API 백엔드 개발자와 협업하여 필요한 데이터를 제공받아서 REACT에서 호출하는 부분을 만들었다. API는 백엔드는 개발자와 협업하여 생성 후 REACT에서 APi를 호출..

[Spring Boot] REST API 만들기 (4) - MySQL + JDBC Template

이전 글 2021.10.07 - [Java] - [SpringBoot] RestApi 만들기 (1) Json 반환 방법 2021.10.07 - [Java] - [SpringBoot] RestApi 만들기 (2) 로그 남기기(slf4j+logback 2021.10.07 - [Java] - [SpringBoot] RestApi 만들기 (3) Service 생성 이전시간에는 Service Class를 만들고 호출하는 방벙을 만들어봤다. 이제부터는 실제로 데이터를 불러오는 구조를 작성하고 데이터를 불러오는 부분을 MySQL과 연동하여 작성할 차례이다. 1. MySQL dependecy 추가 먼저 Mysql 연동을 위해서 필요한 라이브러리를 추가하도록 하자. 하단의 코드를 pom.xml 파일에 추가한다. mysq..