본문 바로가기

분류 전체보기

 (285)
@GetMapping 적용해보기 (with @RestController) package com.example.mon230206_practice.webController import org.springframework.stereotype.Controller import org.springframework.web.bind.annotation.GetMapping import org.springframework.web.bind.annotation.RestController @RestController class TodoController { @GetMapping("/todo") fun getTodo(): String { return "jeonghoon" //어떤게 또 다른 return type이 될 수 있을까? } @GetMapping("/todo2") fun getTodo2(): ..
lsof(list open files) -> Unix/Linux에서 돌고 있는 프로세스 정보 확인 port번호들을 확인하다가 리눅스에서 포트번호를 확인할 수 있는 명령어가 있을까?라고 찾아보던 중에 lsof 명령어를 알게되었다. sudo lsof -PiTCP -sTCP : LISTEN 실행 결과 해당 프로그램이 어떤 localhost의 주소에서 열려있는지를 한 눈에 확인할 수 있다. 만약 해당 프로세스를 강제종료 시키고 싶다면 sudo lsof -9 PID번호 위와 같이 입력해 강제종료 시켜주면 된다.
기본포트 8080 -> 8081 포트로 변경해보기 (whiteError page가 뜨는 이유?) SpringBoot의 기본 포트는 8080이다. 기본적으로는 Spring Boot에서 HTTP GET 요청을 8080포트로 보낼 수 있다. (Apache Tomcat의 기본 포트번호도 8080이다) 그러나 8080 포트가 아닌 다른 포트번호에서 springboot의 결과물을 확인하고 싶다면 1. SpringBoot 프로젝트 내의 application.properties에 가서 server.port = 해당포트번호로 수정해주면 된다. server.port = 원하는 포트번호 8080 디폴트 포트를 사용하려면 application.properties에서 위와 같이 초기 포트번호 설정을 따로 해주지 않아도 된다. 2. SpringBoot 실행 > url 주소 입력창에 localhost:8081(applicat..
React) 화면에 메뉴 글자가 나오게 하고 싶어! Headers.tsx 페이지로 가서 return() 부분에 Hello 이런식으로 어디로 갈지에 대한 Link를 걸어주면 된다. 그러고 App.tsx에서 Router을 이용해 Hello 페이지 안에서 또 어떻게 이동할지에 대해서 Router로 설정해주면 된다. App.tsx ~
React) Atomic Design이란? 오랜만에 타입스크립트 코드를 보던 중에 (react 포함) organisms? molecules? 이런 요상한 화학에서 나올법한 단어들을 처음 접해보았다. 뭔가 쪼개서 저장한다는 의미인가?라는 합리적 의심을 했다. 사실 내가 react를 공부할때는 저런 단어를 보지 않고 그저 기본적인 폴더 내에서 코딩을 했던 것 같다. 그래서 react organisms라는 키워드로 구글링을 해보니 Atomic Design이라는 React 기법이라고 한다. 결국 하나하나 작은 단위가 모여서 최종 pages를 완성한다는 느낌이 들었다. Atoms > Molecules > Organisms > Templates > Pages Atoms들이 모여 Molecules가 되고, Molecules들이 모여 Organisms들이 되고..
azure에서 clone을 받았는데 Run 버튼이 비활성화 되었을때 해결 문제 상황 1. azure devops에서 프로젝트를 clone 받았다. ㄴ이때 주의 : terminal에서 git clone 해당 프로젝트 https 주소 -> 비밀번호 입력하라고 나오면 clone 창에서 나오는 Git credentials의 비밀번호를 입력할 것 2. clone 받은 프로젝트를 intelliJ에서 열었는데 프로젝트는 clone이 잘 되었으나 run 버튼이 계속해서 비활성화 되는 상태 -> 내가 알기로는 main 클래스가 추가되지 않아서 발생하는 문제가 아니였나 싶었는데..? 해결방법 1. Edit Configurations에 들어간다 2. add confugurations 3. npm 선택 4. command : run , scripts : run 으로 설정 5. Apply > OK ..
IntelliJ에서 git clone 받아오는 방법 문제 상황 git clone을 바로 받아와야 하는데 terminal에서 계속 credential 문제가 발생 그래서 intelliJ에서 바로 git clone을 받아오고자 하였다. 방법 1) 바탕화면에 폴더 생성 2) IntelliJ 접속 3) Get from VCS 선택 4) URL : github나 azure에서 clone 받을 repository 주소 입력(https 형식) Directory : 1)번에서 생성한 파일로 경로 바꾸기 (굳이 바꾸지 않고도 디폴트 디렉토리에 해도 큰 상관은 없다. 그러면 intelliJ에 해당 github 프로젝트가 clone이 된 것을 확인할 수 있다.
[Postman Test] 400 - JSON Parse Error 상황 Postman으로 Body에 데이터를 담아 POST 요청을 날렸으나, 400 "Bad Request"가 뜨며 JSON parse error가 출력됨 원인 Body 부분에 { } 안에 데이터를 담아서 요청을 날렸어야 했는데, { } 형식을 지키지 않았음 TCP school에 따르면, { } 중괄호 안에 데이터를 키:값 형태로 담아 요청을 날려야 한다. 그래서 내 Postman에서 1줄에 { 로 시작하지 않았기 때문에 : 오류가 발생 해결 { } 중괄호를 JSON 데이터 시작과 끝에 설정해준다.
[Postman] 415 - "Unsupported Media Type" 해결방법 상황 Postman으로 POST(요청)부분을 테스트 하던 중에 아래와 같은 오류가 발생하였다. 원인 Content-Type이 맞지 않아 발생하는 error인데, text 부분으로 설정이 되어있었다. 해결 방법 Text > Json 으로 type을 변경해준다.
IntelliJ + PostgreSQL 연동방법(Mac Terminal 이용) 1. iterms2.2에서 아래의 명령어를 입력한다 ~ psql postgres 2. postgre가 연결되면 postgres=# 으로 바뀌고, 해당하는 명령어를 입력하면 된다. 3. IntelliJ와 postgreDB 연결 postgres=# \c DB이름 IntelliJ에서 만든 Entity 파일을 기준으로 테이블이 맵핑된다. 4. 연결 성공시 You are now connected to database "DB이름" as user "Mac사용자이름". 터미널에 출력된다. 5. IntelliJ로 이동 우측 탭 Database > + > DataSource > Postgre SQL 클릭 후 먼저 위에서 \c를 통해 DB가 잘 연결되었는지 Test Connection으로 확인한다. 연결이 잘 되었다면 아래..

티스토리툴바