해당 글에서는 ZShell(zsh)을 구성하기 위한 초기 설정과 상태 바(State bar), 글꼴(Font), 테마(Theme)를 적용하기 위한 설정 방법을 공유하는 목적으로 작성한 글입니다. 1) 초기 필수 설정 💡 ZShell을 화면을 구성하기 위해서 homebrew, iTerm2, zshell을 설치합니다. # 1. homebrew 설치 $ /bin/bash -c "$(curl -fsSL )" # 2. iTerm2 설치 $ brew install --cask iterm2 # 3. zshell 설치 $ brew install zsh 2) 상태 바(State bar) 설정 방법 1. iTerm2 환경설정 페이지를 엽니다. 💡 iTerm2 - Settings.. 버튼을 누릅니다 2. State Bar ..
해당 글에서는 Front-end에서 용어들에 대해서 정확하게 알고 개념을 이해하기 위한 목적으로 작성한 글입니다. 1️⃣ 저장소 1. 쿠키(Cookie) 💡 웹 브라우저 상에 작은 ‘텍스트 파일’로 저장이 되는 만료 기간이 존재하는 저장소를 의미합니다. [사용 예시] 로그인 화면에서 ‘아이디 자동완성’ 기능에 사용 팝업 화면에서 ‘오늘 하루 보지 않기' 기능에 사용 미 로그인 상태에서 ‘장바구니 담기’ 기능에 사용 2. 로컬 스토리지(Local Storage) 💡 만료기간이 존재하지 않고 페이지를 변경하거나 브라우저를 닫아도 반영구적으로 유지되는 저장소를 의미합니다. 사용 예시 로그인 화면에서 ‘자동 로그인' 기능에 사용 3. 세션 스토리지(Session Storage) 💡 브라우저의 탭 안에서만 유효한..
해당 글에서는 Front에서 용어들에 대해서 정확하게 알고 개념을 이해하기 위한 목적으로 작성한 글입니다. 1️⃣ 구조 1. 컴파일러(Complier) 💡 ‘프로그래밍 언어(고급 언어)’를 컴퓨터가 이해할 수 있는 ‘기계어’로 변환하는 컴파일을 수행하는 것을 의미합니다. [예시] typescript → Javascript로 컴파일을 수행합니다. [예시] Java(.java) → Java(.class)로 컴파일을 수행합니다. [참고] Typescript의 경우 컴파일 단계에서 사전에 오류가 될 사항에 대해 오류를 찾아서 런타임 되기 이전에 확인할 수 있습니다. 2. 트랜스 파일러(Transplier) 💡 트랜스 파일링(Transpling)을 통하여 '특정 언어'를 '다른 언어'로 바꿔 주는 것을 의미합니다..
해당 글에서는 CRA(Create-React-App)를 사용하지 않고 개발 환경을 구축하는 방법에 대해서 공유합니다. 더불어서 선택적으로 설치해야 할 사항까지 함께 공유합니다. 1) 개발 환경 💡 개발 환경 구축을 위해 이용한 IDE, Package Manager, Package를 정리 한 내용 입니다. 분류 버전 설명 Visiual Studio latest 개발 IDE 툴로 VSCode를 사용하였습니다. node 16.16.0 자바스크립트를 수행하는 용도로 사용하였습니다. yarn 1.22.19 패키지 매니저로 사용하였습니다. react / react-dom 18.2.0 웹 프레임워크 React와 React-dom을 사용하였습니다. typescript 4.8.4 타입스크립트를 사용하였습니다. webpa..
해당 글에서는 IntelliJ IDEA 툴을 이용하여. java 확장자의 파일을 생성하거나. java 파일 내에 파일 주석 및 메서드 주석에 대해 자동화를 구성하기 위한 목적으로 작성한 글입니다. 1) 사전 작업 1.IntelliJ Plugin 설치 💡 “JavaDoc” 플러그인은 파일 내에 메서드에 대한 주석을 관리하기 위해서 설치합니다. 1. IntelliJ IDEA - Preference… 를 선택합니다. 2. 플러그인(Plugins) - “javadoc” 검색 - “설치” 버튼을 클릭합니다. 2. IntelliJ에서 사용되는 단축키 점검 1. 라이브 템플릿 단축키 💡아래와 같이 출력되는 “라이브 템플릿”으로 사용되는 단축키를 조회합니다. 💡 키맵(Keymap) → 메인 메뉴(Main Menu) →..
해당 글에서는 Andriod Studio 툴을 이용하여 Kotlin 언어를 기반으로 .kt 확장자 내에서 파일에 대한 주석 및 메서드에 대한 주석에 대해 자동화를 구성하기 위한 목적으로 작성한 글입니다. 1) Androiod Studio Kotlin 파일 설명 템플릿 작성하기 1. Android Studio - Preferences … 를 선택합니다 2. Editor - Live Templates - AndriodCommentsKotlin - ‘Live Template’를 선택합니다. 3. 주석 명 / 주석 설명 / 템플릿 텍스트를 입력하고 ‘Edit variables’ 버튼을 누릅니다. 4. 템플릿에 변수를 작성한 것에 대해서 매칭 하는 표현식을 선택합니다 5. “Change” 버튼을 눌러서 적용할 범..
해당 글에서는 PostgreSQL을 로컬 디비로 구성하는 방법에 대해서 공유합니다. 1) PostgreSQL을 설치합니다.💡 PostgreSQL의 버전을 확인하고 설치가 안 되어 있다면 설치를 하고 서비스를 수행합니다.# postgreSQL 버전을 확인합니다.$ postgres --version# 설치가 가능한 버전을 확인합니다.$ brew search postgresql# 설치가 안 되었다면 설치를 합니다.$ brew install postgresql# PostgreSQL 서비스를 시작합니다.$ brew services start postgresql 💡 [참고] 일반 brew install postges를 이용하여 수행하는것이 아닌 brew install postgresql@xx 특정 버전을 설치하..
해당 글에서는 Controller에서 발생하는 Exception을 Global Exception을 구성하여서 처리하는 방법에 대해서 공유합니다. 1) 개발 환경💡 Global Exception을 적용하는데 활용한 개발환경입니다.개발환경버전java1.8Spring Boot2.7.4빌드관리도구Gradle 7.5개발 툴IntelliJ IDEA 2022.3 2) Controller 내에서 발생하는 Exception 처리 전체적 흐름💡@RestControllerAdvice / @ExceptionHandler를 이용한 Controller 내에서 Exception 처리에 대한 전체적 흐름입니다.1. API 정상 동작 처리클라이언트는 데이터를 담아서 @RequestBody, @RequstParam, @Path..