# Formatter
[Intellij] springboot코드 컨벤션 설정하는 방법
코드 컨벤션이란?? > 특정 프로그래밍 언어나 프로젝트에서 소스 코드의 작성 스타일에 관한 규칙이나 가이드라인을 말한다. 코드 컨벤션을 따르면 소스 코드의 가독성이 향상되고, 오류를 줄이며, 협업 시 코드의 일관성을 유지할 수 있다. 캠퍼스 핵데이 Java 코딩 컨벤션 > 캠퍼스 핵데이라는 코딩 컨벤션을 사용하여 맞출 예정이다. 이 [링크](https://github.com/naver/hackday-conventions-java/blob/master/rule-config/naver-intellij-formatter.xmlhttps://github.com/naver/hackday-convention
Coding 환경 자동화 - Auto Format
갑자기 python auto formmating 이 동작하지 않아 살펴보니 autopep8이 무슨 이유에서인지 동작하지 않는다. 그래서, formatter 를 yapf 로 바꾸고 나니 잘 동작하였고 이참에 linter와 formatter를 들여다 보게 되어 이참에 포매터를 결정하게 된 과정을 기록으로 남긴다. linter로는 flake8을 선택했다 그 이유는 pylint가 참조하는 라이브러리들이 오래된 것을 사용했고 간결함에 있어서는 flake8이 더 끌렸다. 그래서 Linter는 flake8로 간단하게 결정했다. 포매터는 autopep8, yapf, black 중에 선택하게 되었는데.. 그야말로 자유도를 놓고 봤을 때 autopep8 > yapf > black 순으로 보인다. 아래는 주요 코딩 스타일을 비교해 볼 수 있는 예제 화면이다. 
컨버터, 포맷터 - Formatter
Formatter Converter는 보통 타입 변환을 제공하는데, 이것에 더해 어떤 숫자에 자릿수마다 , 를 붙이고 싶거나 날짜 정보를 원하는 방식으로 변환하고 싶을 때는 컨버터를 사용하기에는 부적절하다. 이를 해결하기 위해 사용하는 것이 바로 Formatter이다. 즉, 포맷터는 컨버터의 특별한 버전이라고 생각하면 편하다. 또한, Formatter는 Locale 변수를 받아 각 국가에 따라 다른 결과물을 출력할 수 있도록 구현할 수도 있다. Integer → String 1000 → “1,000” “1,000” → 1000 Date → String “2023-02-22 18:55:00” Formatter 인터페이스 공식 Docs 기본
[VScode] python 파일 저장할 때 black 자동 적용하기
1. Visual Studio Code에서 Extension으로 Black 설치 2. 아래 사용 설명을 참고하여 JSON 파일 수정 Command + Shift + P로 해당 파일 찾기: Preferences: Open User Settings (JSON)
ESLint 와 Prettier (Linter와 Formatter)
ESLint (Linter) 프로그램을 실행하지 않고 분석하여 코딩 컨벤션에 위배되거나 안티 패턴을 자동으로 검출해줍니다. + 간단한 포매팅 기능도 소지하고 있음. Prettier (Formatter) 일관적인 코딩 스타일을 유지할 수 있게 도와주는 툴 2016년에 등장하여 코드를 특정 부분만 수정하는 것이 아니라 처음부터 다시 작성함. ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 따라서, 코드의 오류를 찾고싶다면 Linter를 사용하고 코드의 스타일을 일관성 있게 유지하고 싶다면 Formatter를 사용하면 된다. ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ 그렇다면 두개를 같이 쓰면 안될까? 두개를 같이 사용하는 것은 문제가 없지만 특성 설정들이 에러를 뱉는다면 해당 규칙을 끄거나 Formatter를 먼저 실행하고 Linter를 실행하는 방법이 있다. 상황에 맞게 규칙을 설정하여 양질의 코드를 작성해 보자!
VSCODE에서 Prettier 사용하기
Prettier를 vscode에서 편하게 사용하는 방법을 알아보자 설치 Prettier 위의 링크에서 Prettier extension을 다운받을 수 있다. 적용방법 cmd + ,를 눌러서 vscode 설정으로 들어간다. 검색창에 formmatter를 검색하면 
VSCode 에서 Prettier 랑 Black 동시에 사용하기
Python 쓸 일이 없어서 미루고 미루고 미루고 미뤘던 formatter setting 이다. 그러다가 이번 주에 model serving 공부하기 시작하면서 Python 포멧팅이 들쑥날쑥거리는 것을 견디지 못하고 각잡고 문제를 청산했다. VSCode setting sync 를 꺼뒀기 때문에 나중에 또 설정할 일이 있을 것 같아서 기록해둔다! Flake8 과 Black 적용 Flake8 은 Python 코드 체크 툴로, 크게 세 가지를 점검한다. PyFlakes: 코드 에러 여부 PyCodeStyle: PEP8 에 준거 여부 Ned Batchelder's McCabe script : 순환 복잡도 그러나 Flake8 은 에러를 수정하지는 못하기 때문에 이를 해결하고자 Black 이라는 formatter 를 사용한다. 즉, Flake8 으로 linting 하고 Black 으로 이를 formatting 한다. 설치를 해보자! Flake8 설치 및 테스
react-dapp-boilerplate 사용시 formatting 이슈 정리
리포지토리 참조 : https://github.com/Frenchkebab/simple-react-daap-boilerplate 계속 contract 디렉토리의 .sol 파일들의 string이 single quote가 되는 문제가 있었는데... 좀만 구글링 해서 찾아보니 별 것 아니였다. .prettierrc .prettierrc 파일을 생성하여 아래와 같이 override 해준다. .solhint.json 아직도 linter가 정확히 뭐하는건지는 좀 헷갈리긴 한다. 그래도 개발자의 편의성을 위해 나온 툴들이니 쫄지 말고 하나씩 학습해나가자...
TextField에 Int 사용하기 (feat. Formatter)
Formatter 활용 기본적으로 TextField는 String 타입의 바인딩 변수를 전달해야 합니다. 하지만 때때로는 String 이외의 타입을 입력하는 TextField가 필요할 때도 있습니다. 이런 경우에는 인자로 formatter를 전달하면 됩니다. Formatter란? 공식문서에 따르면 Formatter는 어떤 객체의 값의 text 표현 만들고, 해석하고, 검증하는 interface를 선언하는 추상클래스라고 합니다. 간단하게 이야기하면 한 객체와 text 표현을 연결해주는 기능을 한다고 볼 수 있습니다. 다양한 종류가 예시로 나와있는데요. 자주 사용하는 것 중에 하나가 DateFormatter입니다. 보통 어떤 날짜를 표시하기 위해서 Date 객체를 String 객체로 바꿀 때 자주 사용해왔습니다. 
Venv, Linter, Formatter 요약정리
오늘은 vscode에서 작업 전에 세팅하면 좋을 여러 가지 주제를 간략하게 다뤄보겠습니다. 가상환경 Venv 왜 필요한가 프로젝트 별로 사용하는 패키지의 버전이 항상 같을 수 없으므로, 각 프로젝트마다 가상환경을 구성해 그 안에 패키지들을 분리하여 설치, 관리 venv 파이썬 3.5부터 지원되는 가볍게 쓰기 좋은 가상환경입니다 가상환경 생성 터미널 상에서 프로젝트 디렉토리로 이동합니다 python -m venv .venv 라는 이름의 가상환경을 프로젝트 디렉토리 안에 생성하는 명령어입니다 프로젝트 디렉토리를 확인해보면 .venv 라는 폴더가 생성되었음을 확인할 수 있습니다 가상환경 활성화 프로젝트 디렉토리 내에서 다음 명령어를 입력합니다 비활성
Eslint 와 Prettier 설정하기
Eslint > 코드 포매팅 + 코드 품질 검사을 위한 도구입니다. > prettier 에게 코드 포매팅을 맡기더라도 코드 품질 검사는 여전히 ESlint가 해야합니다. 방법 > .eslintrc.js 파일 생성 후 안에 관련 rule, extends 등 다양한 룰을 정의합니다. > package.json 파일 -> script 속성에 "lint" : "eslint src" 를 추가합니다. Prettier > 코드 포매팅을 위한 도구입니다. 기본 설정이 저장되어 있어서 Eslin
[MAC]Code Formatting In Xcode
Formatter Swimat plugin Step 1. Swimat 설치 > brew install --cask swimat # 최신버전 brew cask install swimat # 기존버전 설치과정 설치과정 완료 Step 2. Swimat 실행 
[TIL] #10. 스프링 타입 컨버터
프로젝트 시작 > 🔗 코드 확인하기 실행 결과 스프링 타입 컨버터 소개 애플리케이션을 개발하다 보면 문자 → 숫자 숫자 → 문자 처럼 타입을 변환해야 하는 경우가 있다. HelloController - 문자 타입 숫자로 타입으로 변환 String data = request.getParameter("data")
[개발환경] vscode prettier 설치 및 사용법
VSCode 익스텐션 중에 코드를 정렬해 주는 Formatter인 Prettier를 설치하고 적용해보았다. Prettier는 ESLint와는 다르게 사용자의 옵션에 다라 코드 스타일을 이쁘게 맞춰준다. 협업초반에 설정하면 코드 통일성을 높여주는 아주 유용한 친구! 1. Prettier 설치하기 1-1. 익스텐션 설치하기 (Install) 1-2. settings.json 접근하기 1-3. settings.json에서 기본 설정하기 <hr
스프링 부트 - 타입 컨버터, 포맷터
본 게시물은 스스로의 공부를 위한 글입니다. 틀린 내용이 있을 수 있습니다. 📒스프링 타입 컨버터 웹 개발을 하다보면 문자를 숫자로 변환하거나, 숫자를 문자로 변환해야 하는 일이 상당히 많다. HTTP 요청 파라미터는 모두 문자(String)으로 처리되기 때문에 자바에서 다른 타입으로 변환하는 과정을 거쳐야 했다. 근데 @RequestParam을 사용한다면? Integer타입으로 받을 수 있다는걸 이미 알고 있을것이다. (@ModelAttribute, @PathVariable도 마찬가지) > Q) HTTP 요청 파라미터는 모두 String인데, 어떻게 Integer타입으로 받을 수 있는거지? > > - A) 스프링이 중간에서 타입을 변환해주기 때문이다. 개발자는 추가적인 타입 변환이 필요하면 컨버터 인터페이스를 구현해서 등록하면 된다. 📌 컨버터 인터페이스 구현하기 127.0.0.1:8080인
Spring 의 데이터바인딩
데이터 바인딩? [데이터 바인딩] (https://ko.wikipedia.org/wiki/%EB%8D%B0%EC%9D%B4%ED%84%B0_%EB%B0%94%EC%9D%B8%EB%94%A9)이란 간단하게 말해서 프로퍼티 값을 타겟 객체에 설정해주는 것을 의미한다. 예를들어 설명하자면 사용자의 문자열 입력값을 어플리케이션 도메인 객체의 프로퍼티값으로 동적으로 할당해주는 것과 같은 일을 데이터 바인딩이라고 한다. 이제, 스프링에서는 데이터바인딩이 어떻게 이루어지는 지 살펴보도록 하자. 1. PropertyEditor 를 사용한다. 먼저 Event 라는 도메인 객체가 있다고 생각해보자 그리고, 아이디를 url 패턴으로 받아와 Event 객체에 바인딩 시켜서 받는 핸들러가 있다. 테스트를 통해 아이디가 Event객체로 잘 바인딩