분류 전체보기25 티스토리 코드블럭에 Jetbrains Mono(인텔리제이) 폰트 적용하기 티스토리에서 제공하는 코드블럭 플러그인을 쓰다가 너무 가독성이 별로여서 highlight.js로 변경했다. 그런데 2퍼센트 부족한 느낌이 들어서 폰트도 건드려봤다. 원래 구글 웹 폰트를 봤는데 어떤게 보기좋은지 모르겠어서 직접 적용해보다가 이럴거면 그냥 인텔리제이 폰트를 쓰는게 쉽겠다 생각이 들었다. jetbrains IDE은 기본적으로 자체 폰트인 jetbrains mono를 사용하고 있다. 아래 링크에 들어가서 다운로드 받으면 된다. www.jetbrains.com/ko-kr/lp/mono/ JetBrains Mono: A free and open source typeface for developers Try JetBrains Mono in your IDE. Its simple forms and at.. 2021. 4. 29. [mysql] windows 'mysql'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. /mysql 환경 변수 설정하기 [mysql] windows 'mysql'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. / mysql 환경 변수 설정하기 mysql server 설치 후 cmd 창에서 mysql에 접근하려고 했을 때 위와 같은 오류가 발생한다면 환경변수가 제대로 설정되지 않은 것이다. mysql이 위치한 디렉토리를 PATH에 추가 해주면 간단하게 해결할 수 있다, installer를 통해 설치한 경우는 위 처럼 설치 경로를 확인할 수 있다. 디렉토리를 다르게 지정하지 않았다면 보통 C:\Program Files\MySQL\MySQL Server 8.0 위치에 설치된다. 시스템속성 - 고급 - PATH - 편집에 들어가서 C:\Program Files\MySQL\MySQL Serv.. 2021. 4. 8. [React/Ant design] Ant design form validation - 회원 가입, 로그인 폼 검증하기 (Form instance/ validator) Ant design validator와 form instance로 form validation하기 : 회원 가입, 로그인 폼 만들고 값 검증하기. Ant Design은 버전 4를 사용해야 합니다. Ant design은 Form 컴포넌트의 Item에 대하여 validation 기능을 제공하고 있습니다. Antd가 제공하는 Rule 필드를 통해 기본적으로 type, required, min length, max length, 정규식 검증이 가능합니다. 필요하다면 custom validation도 가능합니다. 각 필드에 대한 유효성 검증을 위해 pattern을 사용했습니다. 그런데 검증 결과에 대한 부정을 할 수 가 없어서 공백 검증이 안됐습니다. 정규식.test(값) 이렇게 해서 false 면 메세지를 보여.. 2021. 3. 19. [springboot/jpa] QueryDSL(spring-data-jpa) QueryDSL 목차 - 특징 - QueryDSL 설정 - QueryDSL 사용 - Spring Data JPA + QueryDSL - QueryDslPredicateExecutor - QueryDslReposiotrySupport - 동적쿼리 QueryDSL 특징 Querydsl의 핵심 원칙은 타입 안정성(Type safety)이다. 도메인 타입의 프로퍼티를 반영해서 생성한 쿼리 타입을 이용해서 쿼리를 작성하게 된다. 또한, 완전히 타입에 안전한 방법으로 함수/메서드 호출이 이루어진다. 또 다른 중요한 원칙은 일관성(consistency)이다. 기반 기술에 상관없이 쿼리 경로와 오퍼레이션은 모두 동일하며, Query 인터페이스는 공통의 상위 인터페이스를 갖는다. 모든 쿼리 인스턴스는 여러 차례 재사용 .. 2021. 3. 3. [javascript]모던 자바스크립트 - 객체(가비지 컬렉션, this, new, 생성자, 심볼, 형 변환) 객체: 기본 ko.javascript.info 위 사이트를 정리한 내용입니다. 목차 입니다 객체 객체 프로퍼티 단축 property value shorthand 프로퍼티 존재 여부 확인 : in 연산자 for ... in 반복문 객체의 복사 참조에 의한 비교 객체 복사와 병합 : Object.assign 중첩 객체 복사 가비지 컬렉션 가비지 컬렉션 기준 mark-and-sweep 알고리즘 메서드와 this 메서드 생성 & this this의 결정 화살표 함수의 this new 연산자와 생성자 함수 생성자 함수 생성자 내 메서드 옵셔널 체이닝 ?. 심볼형 (ES6) 심볼 심볼의 등장배경 전역 심볼 객체의 형 변환 ToPrimitive : 형 변환 hint Symbol.toPrimitive toString과.. 2021. 1. 27. [javascript]모던 자바스크립트 - 기본 (변수와 상수, 자료형, 함수, 함수표현식, 화살표 함수) 모던 JavaScript 튜토리얼 ko.javascript.info 위 사이트를 읽고 정리한 내용입니다. 자바스크립트 기본 자바스크립트 실행 자바스크립트는 자바스크립트 엔진을 통해 실행한다. 엔진이 스크립트를 읽음 (파싱) 스크립트를 기계어로 변환 (컴파일) 기계어 코드를 실행 세미콜론 자바스크립트는 문장의 종결을 나타내기 위해 ; 세미콜론을 붙입니다. 세미콜론이 없어도 자바스크립트 엔진이 자동으로 붙여주지만 모든 상황에서 매끄럽게 처리해주지는 않습니다. 다음 코드는 예외적 상황을 보여줍니다. // 작성 코드 return 1; // 실제 해석 return; 1; return, break, continue 는 줄바꿈 하지 않고 세미콜론을 써야 합니다. 다른 예외 상황도 존재합니다. // 작성 코드 aler.. 2021. 1. 25. 이전 1 2 3 4 5 다음
