Coding Story
[ React ] 리액트 Window 환경 설치
React 란? 프론트엔드 라이브러리 중 하나로 '컴포넌트'에 집중이 되어있는 facebook이 만든 라이브러리이다. 자바스크립트가 아닌 JSX 문법으로 작성한 컴포넌트를 여러 파일로 나눠 생성후 이를 한개로 결합해주는 구조다. 이 때 컴포넌트를 합쳐주는 Webpack이라는 도구와 JSX 등의 문법을 사용하기 위해 Babel이라는 도구를 사용한다. React를 사용하기 앞서 다음 항목들을 설치해야한다. 1. Node.js 위에서 언급한 Webpack과 Babel은 Node.js 기반으로 만들어져있다. 그러기에 Node.js를 필수적으로 설치해야 한다. 2. Yarn Node.js를 설치할 때 같이 묶여오는 패키지 매니저 도구가 있는데 이를 더 나은 속도로 사용하기 위해 설치한다. * Node.js..
[ MySQL ] 문자열 사이에 구분자 넣어 조회하기
이번 게시글에선 MySQL 에서 SELECT 할 때 조회 된 데이터들 사이에 구분자 ( , ) 를 넣어 조회해보도록 하겠다. 필자는 뚱이, 홍길동, 코난이 각각 과일을 얼마나 먹었는지가 궁금하다고 가정했다. 아래와 같은 TB_TEST 테이블이 있다고 가정해보자. FRUIT 컬럼을 보면 뚱이는 bbbbb, 홍길동은 aaabb, 코난은 abaaa 데이터가 들어가 있다. 무엇을 하고 싶었냐면 저 알파벳 5 자리의 의미는 아래와 같다. 1 번째 자리 : 사과 2 번째 자리 : 딸기 3 번째 자리 : 바나나 4 번째 자리 : 파인애플 5 번째 자리 : 키위 필자는 각 자리에 a 가 들어가 있다면 이 과일을 먹지 않은 것이고 b 가 들어가 있다면 이 과일을 먹었다고 가정했다. 예를 들어 aabab 라면? 3 번째 ..
[ 기타 ] 톰캣 서버 충돌 / 포트 충돌 해결하기
톰캣(TomCat) 서버를 비정상적으로 종료한다던지, 다른 포트를 동시에 열었다던지 등의 이유로 가끔 [ 'Starting Tomcat v8.5 Server at localhost' has encountered a problem. Serveral port..... ] 에러가 뜰 때가 있다. 이는 서버가 충돌나면서 뜨는 에러이니 아래의 과정을 따라해주면 해결이 된다. 톰캣 서버 충돌 에러를 해결해보자. 1. 서버를 켰더니 아래와 같은 에러가 떴네요. 포트(서버)가 충돌났다고 합니다. 2. 이클립스 하단에 있는 Servers 탭의 충돌이 난 해당 톰캣 서버를 더블클릭합니다. 3. Ports 부분을 보면 이 톰캣 서버의 해당 Port Number를 알 수 있다. 이 Port Number를 잘 기억해두자. 4...
[ 설치 ] 이클립스에 STS4 설치 / 스프링부트 설치
설치 방법에 들어가기전 간단히 알아두면 좋을 것 같아서 요약했다. 국가 표준 프레임워크로 채택된 스프링 프레임워크(Spring Framework). 하지만 이는 세 가지의 단점을 가지고 있다. ① 방대한 규모 ② 복잡한 설치 과정과 복잡한 환경설정 과정 ③ 다중 build와 복잡한 파일의 배포 과정 이런 세 가지의 문제점을 해결할 수 있는 것이 스프링 부트(Spring Boot). 스프링 부트의 특징으로는 다음과 같다. ① 단독으로 스프링 어플리케이션 제작 가능 ② 내장된 Tomcat, Jetty 등을 바로 실행 가능(WAR 파일 배포 없이 가능) ③ POM이 제공되어 Maven 구성 및 추가를 손 쉽게 할 수 있다. ④ Spring 환경을 자동으로 설정해줘 XML 설정과 코드 생성이 필요없다. 본론에 ..
[ 설치 ] STS4 ( Spring Tools Suite4 ) 설치
STS4 ( Spring Tools Suite 4 ) 를 설치해보자. 먼저 아래의 링크로 접속한다. http://spring.io/tools 1. 자신의 운영체제에 해당하는 걸 클릭한다. 2. 설치파일을 클릭해 실행한다. 3. 설치중.. 4. 설치되어진 설치파일을 실행한다. 5. 또 설치중... 6. 설치된 폴더를 열어 SpringToolSuite4 실행파일을 더블클릭해 실행한다. 7. 경로를 설정한다. ( 간단한 경로로 설정하길 권장 ) 8. STS4를 실행한 모습. 이클립스와 거의 똑같이 생겼다. 9. 상단 메뉴 Window => preferences에서 보면 이클립스와 달리 STS4는 Spring Boot를 기본적으로 내장된 걸 알 수 있다. 10. Spring Boot 프로젝트를 만들어보자. Fi..