it

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 fe react19

React v19 – React

The library for web and native user interfaces

wono | discuss |

it ops aws

성능 효율적 원칙 AWS 아키텍처

wono | discuss |

it ops aws

글로벌 서비스 구축을 위한 AWS 멀티 리전 아키텍처 구성 가이드 | Amazon Web Services

전 세계 사용자를 위한 서비스를 제공하기 위해서는 AWS 멀티 리전 기반 애플리케이션을 구축해야 하며, 이를 위해서는 많은 준비와 작업이 필요합니다. 대다수 AWS 서비스에는 멀티 리전 아키텍처를 구축하고 관리하는 데 도움이 되는 기능이 있지만, 200개 이상의 서비스에서 이러한 기능을 모두 알아 내는 것은 어려울 수 있습니다. AWS 리전은 전 세계적으로 주요한 국가 및 도시에 물리적으로 분리되어 […]

wono | discuss |

it ops caddy server

Caddy — Remove the "Server" Response Header

Future Studio provides on-demand learning & wants you to become a better Android (Retrofit, Gson, Glide, Picasso) and Node.js/hapi developer!

wono | discuss |

it ops ubuntu fontconfig

Centos 폰트 설치

cd ~/ 홈디렉토리 가기 mkdir .font 폰트용 폴더만들기 font 설치 먼저 폰트를 관리하는 유틸리티인 fontconfig패키지를 설치합니다. RHEL/CentOS sudo yum install fontconfig Ubuntu sudo apt install fontconfig fc-cache 명령어는 시스템에 있는 폰트를 읽어서 cache 정보를 만드는 유틸리티입니다. 강제로 재생성하는 옵션인 -f 와 상세 정보를 보는 -v 옵션을 사용해서 캐시 정보를 갱신합니다. 폰트 캐시 sudo fc-cache -f -v /usr/share/fonts: caching, new cache contents: 0 fonts, 2 dirs /usr/share/fonts/nanum: caching, new cach..

wono | discuss |

it ops umask

이클립스 파일 명으로 파일 검색, 키워드로 키워드를 포함한 파일 검색 + 디버깅

3줄 요약 파일명 검색 : Ctrl + Shift + R 특정 코드 포함한 파일 검색 : Ctrl + H 개발자도구의 Network 탭의 Request URL 값을 이용해 컨트롤러 역추적 및 디버깅 가능 ontheinfo.com/2545 이클립스 파일 찾기 & 문자열 검색 - IT 정보사이트 개발툴로 이클립스 프로그램을 많이 쓰는데요. 오늘은 이클립스 파일 찾기 방법과 문자열 검색 방법에 대해서 알아보도록 하게습니다. 1. 개발 시간을 단축시켜 주는 기능 개발자가 개발을 성공 ontheinfo.com 출처. 완전히 동일한 내용의 반복이지만. 앞으로 아주 자주 쓰일 듯 한 중요한 기능이기에. 복습하는 마음으로 적어보기. 상황 1. 쿼리가 실행될 때마다 해당 쿼리문을 log 에 찍도록 구성해둠. 2. 실행된..

wono | discuss |

it ops umask

외장 톰캣 사용시, 파일 생성 권한 문제(feat. UMASK)

유닉스 계열의 서버에서 신규로 파일 및 폴더를 생성할 때 권한을 지정하는 방식에 대해 알아보자!

wono | discuss |

it ops umask

[리눅스#4] umask란?, umask 명령어, umask로 허가권 제어

1. umask - 새로 생성되는 파일이나 디렉토리의 권한을 제한하는 명령어 - 생성될 파일 및 디렉터리의 퍼미...

wono | discuss |

it ops chmod

🐧 리눅스 파일 & 디렉토리 권한 (소유권 / 허가권 / 특수권한)

파일 및 디렉터리 권한 리눅스는 여러사용자가 들어와 사용하는 멀티유저 시스템이다. 따라서 여러 사용자가 들어와 사용하다보면, 서버에 올려진 비밀자료 열람과 그것을 변조,수정,삭제를 할 우려가 높아지게 된다. 이 문제를 극복하기위해 리눅스 OS에는 특별한 기능이 있는데 바로 퍼미션(권한)이라는 기능이다. 윈도우 OS에도 퍼미션기능이 있긴하지만, 여러사용자들이 들어오는 서버용이 아니기에 리눅스처럼 활성화 되어 있지않는다. 이 기능으로 사용자들은 자신한테 읽기 퍼미션이 부여된 파일만 읽을 수 있고, 쓰기 퍼미션이 부여된 파일만 쓰기와 수정이 가능하고, 실행 퍼미션이 부여된 파일만 실행이 가능하게 된다. 그리고 열람 권한 뿐만 아니라 파일 소유자 개념도 지원해준다. 소유권 & 허가권 확인 방법 파일 권한 정보 ..

wono | discuss |

it ops caddy

Caddy2 matcher / rewrite / modx

1. My Caddy version (caddy version): (devel) /has to do this for php sockets to work/ 2. How I run Caddy: ./caddy run --config /root/downloads/configfile --adapter caddyfile a. System environment: Ubuntu, php-fpm b. Co…

wono | discuss |

it ops env

[Linux] Ubuntu, Centos 환경변수 설정 방법

내가 헷갈려서 남겨둠 Ubuntu vi ~/.bashrc source ~/.bashrc Centos vi ~/.bash_profile source ~/.bash_profile vi /etc/profile source /etc/profile 참고) /etc/profile : Linux 를 사용하는 모든 사용자들에 적용되는 환경설정 파일 ~/.bash_profile : Linux 각 개인 사용자들에 적용되는 환경설정 파일 PATH 설정 방법 (Ubuntu, Centos) PATH=$PATH:$HOME/bin export PATH export JAVA_HOME=/usr/java/jdk1.6.0_45 export PATH=$PATH:$JAVA_HOME/bin 적용이 되었는지 확인하는 방법 echo $JAVA_H..

wono | discuss |

it ops mysql

[MYSQL] 시스템 설정 파일(my.cnf) 참고

[참고 사이트] - make my.cnf 1. 시스템 설정 파일(my.cnf) 참고 [my.cnf]

wono | discuss |