분류 전체보기33 [React] SPA, Routing, React-router, History, Hooks SPA(Single Page Application) SPA는 단어 그대로 한 개의 페이지로 이루어진 애플리케이션을 의미합니다. SPA 이전의 애플리케이션은 페이지 전환이 발생할 때마다 서버에 해당 페이지를 요청하는 SSR(Server-side Rendering)방식을 사용했습니다. 이러한 방식은 페이지가 다시 렌더링 될 때까지 사용자가 빈 화면을 보며 대기해야 하므로 사용자 경험에도 좋지 않을 뿐더러 변하지 않는 Header나 Footer도 다시 렌더링하기 때문에 비효율적입니다. SPA는 페이지 전환이 일어날 때마다 서버에 요청을 보내지 않습니다. 대신, 최초로 애플리케이션을 로드하는 시점에 모든 정적 리소스를 받습니다. 이후 사용자 요청에 따라 필요한 데이터만 서버에 요청하고 동적으로 페이지를 변경합니.. 2021. 6. 16. [Spring] UnrecognizedPropertyException / 컨트롤러에서 JSON 요청 받을 때 매핑되는 프로퍼티가 없는 경우 JSON 요청에 필요없는 데이터가 같이 들어오는 경우 JSON을 JAVA 오브젝트로 매핑할 때 UnrecognizedPropertyException이 발생한다. { "id": "1234", "name": "fien", "phone": "010-1234-5678" } public class ReqeustDto { private String Id; private String name; } @PostMapping(value = "/{id}") public ResponseEntity createUser(@PathVariable String id, @RequestBody RequestDto reqDto){ // phone이 매핑되지 않아 UnrecognizedPropertyException 발생 } 물론 요청 시.. 2021. 6. 14. 티스토리 코드블럭에 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. 이전 1 2 3 4 5 6 다음
