dev

it dev typescript tsconfig

📘 타입스크립트 컴파일 설정 - tsconfig 옵션 총정리

타입스크립트 컴파일 설정 tsconfig.json은 타입스크립트를 자바스크립트로 변환 시키는 컴파일 설정을 한꺼번에 정의 해놓는 파일이라고 보면 된다. 프로젝트를 컴파일 하는데 필요한 루트 파일, 컴파일러 옵션 등을 상세히 설정할 수 있다. 보통 tsconfig.json 파일은 TypeScript 프로젝트의 루트 디렉토리(Root Directory)에 위치된다. 그래서 tsconfig.json 파일이 프로젝트에 있다면 vscode는 우리가 타입스크립트로 개발한다는 것을 인식하게 되는 것이다. tsconfig에서 옵션들을 미리 정의해 놓으면, 더이상 컴파일 할때 명령어에 일일히 대상 파일이나 옵션을 지정하지 않아도 된다. 그래서 tsc 나 ts-node 명령어를 그냥 실행하게 되면, 현재 폴더에 있는 ts..

wono | discuss |

it dev nextjs modal

[Next.js] 라우팅으로 모달 구현하기

React에서는 모달을 구현해야 한다면 useState나 전역 상태를 통해 모달을 구현하였다. 그러나 Next.js에서는 별도의 상태없이 모달을 라우팅만으로도 구현할 수 있다. 라우팅만으로 모달을 구현하기 위해서는 Next.js가 제공하는 라우팅 방법 중 병렬 라우

wono | discuss |

it dev github flow

좋은 git 커밋 메시지를 작성하기 위한 7가지 약속 : NHN Cloud Meetup

기술을 공유하고 함께 성장해가는 개발 문화, NHN이 추구하는 가치입니다.

wono | discuss |

it dev github flow

깃 커밋 컨벤션 정하기

git commit convention 정하기 커밋 메세지 란 커밋을 할 때, 현재 commit 이 정확히 무엇과 관련한 개발에 해당하고, 어떤 변경 사항이 있는지 등을 작성하는 것을 말합니다. 커밋 메세지의 간단한 예시를 보면 다음과 같습니다. (제목, 본문, 꼬리말이 모두 담겨있습니다.) Feat: "로그인 함수 추가" 로그인 요청을 위한 함수 구현 Closes: #123 커밋 메세지를 잘 작성하면, 우리는 단순히 커밋 이력만 보고서도 현재까지 어떤 개발이 진행되었고, 어떤 커밋에서 문제가 발생했는지 등을 확인할 수 있게 됩니다. 특히나 규모가 큰 개발일수록 이 커밋 메세지는 더욱 중요해집니다. TIP! 만약 커밋 메세지를 vim편집기에서 작성하고 싶다면 git commit 이라고만 입력하면 됩니다...

wono | discuss |

it dev github flow

Merge 후 브랜치 삭제: 왜 그리고 어떻게

Merge 과정 상세 설명 새 브랜치 생성: 메인 브랜치에서 git checkout -b <new-branch-name>으로 새 브랜치를 만든다. 브랜치에 커밋 추가: 새 브랜치에서 코드를 변경하고 의미 있는 단위로 커밋한다. 원격 저장소에 push: git push origin <branch-name>으로 작업한 브랜치를 원격에 업로드한다. Pull request 생성: GitHub 등에서 pull request를 만들어 변경사항 병합을 요청한다. 코드 리뷰 진행: 팀원들이 코드를 검토하고 필요시 수정을 요청한다. Merge 실행: 리뷰 완료 후 pull request를 메인 브랜치에 병합한다. 이 과정을 통해 팀은 코드 품질을 유지하며 효율적으로 협업할 수 있다.

wono | discuss |

it dev github flow

사례로 이해하는 GitHub Flow

GitHub Flow는 GitHub을 활용하는 브랜치 전략으로, 브랜치를 어떻게 생성하고 병합하는지에 대한 개념입니다. GitHub Flow의 간단한 사용 사례를 통해 브랜치 전략을 이해해 봅시다.

wono | discuss |

it dev nextjs s3

Next.js 15에서 route api를 이용해 아마존 라이트세일 버킷(S3)에 이미지 올리기

아마존 라이트세일의 S3 버킷 서비스를 활용한 이미지 업로드 구현 방법입니다. Next.js 15와 AWS SDK v3를 사용하여 라이트세일 버킷에 이미지를 업로드하고 URL을 반환하는 과정을 단계별로 정리했습니다.

wono | discuss |

it dev nextjs

next.js tutorial - beginner to advanced

🚀 Welcome to a new series on mastering Next.js, the React framework that's transforming web development! Are you ready to take your React skills to the next ...

wono | discuss |

it dev fe

TailwindCSS Next.js Typescript

wono | discuss |

it dev spring eclipse maven

Eclipse에 Spring Framework 적용 (spring-webmvc 5.2.22)

먼저 메이븐(Maven)에 대해 알아보겠습니다. Maven (Apache Maven - 메이븐) Apache Maven is a software project management and comprehension tool. Based on the concept of a project object model (POM), Maven can manage a project's build, reporting and documentation from a central piece of information. https://maven.apache.org 소프트웨어 프로젝트 관리(management and comprehension) 도구로써 프로젝트 객체 모델(POM, Project Object Model)의 개념을 기반..

wono | discuss |

it dev spring eclipse

[Eclipse] 이클립스 버전별 정보 및 JDK 최소 요구 버전

이클립스 버전별 최소 요구 JDK 버전 이클립스는 자바 기반의 애플리케이션이므로 실행을 위해서는 JDK가 필요합니다. 오늘 알아볼 것은 이클립스의 버전별 정보와 최소 요구 JDK 버전입니다. 아래 표를 참고해 주시길 바랍니다. NO 버전 명칭 지원 JDK 출시일 1 Eclipse 4.28 2023-06 JAVA 17 ↑ 2023-06 2 Eclipse 4.27 2023-03 JAVA 17 ↑ 2023-03 3 Eclipse 4.26 2022-12 JAVA 17 ↑ 2022-12 4 Eclipse 4.25 2022-09 JAVA 17 ↑ 2022-09 5 Eclipse 4.24 2022-06 JAVA 11 ↑ 2022-06 6 Eclipse 4.23 2022-03 JAVA 11 ↑ 2022-03 7 Ecl..

wono | discuss |

it dev spring eclipse

[Spring] 기본 개발 환경 구축(이클립스에서 Spring 개발 환경 구축)

1. STS(Spring Tool Suite)설치 Spring Framework를 사용하기 위한 개발 툴 일반적으로는 별도의 설치 도구 또는 이클립스 IDE에서 제공하는 STS 플러그인을 통해 간단히 설치 가능 Eclipse STS 플러그인 설치하기 [Help] - [Eclipse MarketPlace...] 클릭 후 검색 창에 'STS' 검색하여 Spring Tool 3 3.9.9 RELEASE설치 -> 이클립스 버전에 따라 검색되는 STS의 버전도 달라짐 2. Eclipse 구성 설정 추가 이클립스를 사용할 때 여러 JDK 버전을 사용할 때가 있음. 하지만 이클립스 버전에 따라 JDK버전이 너무 낮으면 오류 및 실행 시 문제 발생할 수 있음. 이클립스 내장 버전이 아닌 현재 설치된 JDK버전을 인식하..

wono | discuss |

it dev nextjs

4 Best Rate Limiting Solutions for Next.js Apps (2024)

When implementing rate limiting in a Next.js application, there are several effective solutions... Tagged with webdev, nextjs, redis, tutorial.

wono | discuss |

it dev java8 tomcat

Work with java 8 · Issue #129 · redhat-developer/vscode-rsp-ui

Hello there. I have project in java 8, and minimum java version that vscode requires now is 11. RSP uses that java version (11) to start application server (in my case wildlfy 17.1), but my project is not compatible with java 11 and I ge...

wono | discuss |

it dev spring springboot

spring 프로젝트에서 springboot 프로젝트로 migration 하기 (5) - 빌드 및 실행

수많은 삽집을 해가며 결국에는 전환에 성공을 했다. 아주 초간단으로 최소한의 것들만 바꾸고 전환한거라 앞으로 할일(applicationContext의 java config 전환, spring properties 활용 등)도 많지만 그래도 기쁜 마음으로 빌드 및 실행을 해본다. 물론 실행은 전환을 하는 과정에 수도 없이 해봤다. 이클립스의 boot dashboard를 통해서 돌렸을때는 잘 동작을 한다. 주르르륵 올라가는 로그를 보면 참 뿌듯하다. 사실은 별로 많이 바꾼게 없는데 springboot가 알아서 바꿔준 부분도 많은데 혼자서 이것저것 다 만들어보고 고생해서 한거라 더 감격스러웠다. 이제 마지막 단계가 남았다. 이걸 서버에서 돌리기 위해 war로 말아줘야 하고 또 그걸 실행을 시켜야 한다. 기존의 ..

wono | discuss |

it dev java vscode jdk

JDK Requirements

Java Language Support for Visual Studio Code. Contribute to redhat-developer/vscode-java development by creating an account on GitHub.

wono | discuss |

it dev prettierrc default

.prettierrc 기본 설정

.prettierrc 파일 기본 설정

wono | discuss |

it dev spring maven

Eclipse에서 생성한 Spring Project를 공유하고 다른 팀원이 Import하기

Eclipse에서 Spring 프로젝트를 생성하고 팀원과 Git을 통해 공유하려 할 때 다른 Eclipse나 다른 IDE에서 Import를 할 때 어떻게 하는지 알아봅니다.

wono | discuss |

it dev spring vscode

What is the .springBeans file?

wono | discuss |

it dev java vscode

vscode에서 Java 클래스 경로 추가하는 방법

Eclipse로 설계된 Java를 Pycharm이나 vscode로 실행하다 보면 기존의 Class 경로 설정이 맞지 않아 분명 같은 패키지 안에 있는 파일이 인식되지 않는 문제를 최근 경험하곤 합니다. vscode에서 path를 설정하는 방법이 있는지 열심히 찾아보니 그냥 프로젝트 내에 있는 파일인 '.classpath'를 수정하면 된다는군요. 일단 .classpath가 목록에 보이지 않는 분께서는 아래 주소를 통해 .classpath를 찾아보도록 합니다. https://hyunchang88.tistory.com/320 [ vscode ] .classpath가 안보일때 보이게 하는 방법 vscode를 사용한지 얼마 안되어서 검색을 해봤는데 .classpath 에서 뭔가를 수정하라고 해서 수정하려고 보니 ..

wono | discuss |