728x90 전체 글61 Svelte 기초 문법 선언적 렌더링 변수 사용 Svelte는 Vue와 비슷하게 {name} 이벤트 바인딩 버튼을 클릭하면 name 변수의 값이 변하는 함수를 만들고 그 함수를 버튼에 바인딩 하려면 on:click={함수} 를 버튼에 입혀주고 함수 이름을 {} 안에 넣어주면 된다. {name} Assign input 변수 바인딩 input 태그에 일반 value를 사용하면 단방향 바인딩이 되므로 변수가 표시는 되지만 사용자의 수정 값이 변수에 반영되지는 않는다. 반면 bind:value 를 사용하면 양방향 바인딩이 되므로 사용자의 수정 값이 변수에 반영되게 할 수 있다. css 적용 vue와 마찬가지로 파일 내에 태그를 사용할 수 있으며 여기에 적용된 스타일은 해당 파일에만 적용된다. 조건문 & 반복문 조건문 toggle 버튼.. 2021. 8. 16. Svelte란?? Svelte??? Svelte는 Rich Harris가 제시한 새로운 접근 방식을 가진 Front-End framework이다. 2016년 1.0 버전, 2018 2.0 버전, 2019년 3.0버전을 출시하였고 3.0버전부터 주목을 받기 시작했다. Vue나 React에 비해서 비교적 늦게 출시되었으나 front framework들을 비교한 한 사이트에서는 아래와 같이 만족도가 제일 높은 프레임워크(실제 동작을 보면 컴파일러에 가깝다)로 꼽히기도 했다. Svelte의 특징 앞 문단에서 Svelte는 기존에 비해 새로운 접근 방식을 지닌 framework라는 언급을 했다. 그렇다면 Svelte는 기존의 Vue, React, Angular와 같은 framework들과 무엇이 다를까? svelte.dev 공식 .. 2021. 8. 13. DB 스키마 자동 생성 JPA에서는 애플리케이션 로딩 시점에 DB 테이블을 자동으로 생성하는 기능을 지원해준다. 편리하긴 하지만 운영 환경에서 그대로 사용하지는 않거나 다듬어 사용하고, 로컬이나 개발 단계에서 사용하기 편리한 기능이다. 해당 기능을 사용하면 DDL을 자동 생성하며 데이터베이스 방언을 활용해서 각 DBMS에 맞는 적절한 DDL을 생성해 준다. 스프링 프로젝트의 경우 application.yml에서 해당 값을 설정할 수 있으며 jpa.hibernate.ddl-auto에 create 값을 넣어주면 자동으로 JPA가 테이블을 생성해준다. jpa: hibernate: ddl-auto: create 실제 위처럼 설정을 하고 애플리케이션을 실행하면 아래와 같이 DDL 쿼리가 날아가는 것을 볼 수 있다. ddl-auto 옵션.. 2021. 6. 10. [Java] Spring 다중 profile 설정하기 Spring 프로젝트를 진행하다보면 로컬, 개발, 운영 환경에서 서로 다른 설정값을 넘겨줘야 하는 경우가 있다. 로컬, 개발 환경에서의 DB와 운영 환경에서의 DB를 분리한다던지, 과금이 필요한 외부 api를 사용하는 경우 로컬 환경에서는 더미 api로 요청을 보내는 등의 경우가 그 예이다. Spring을 이용해서 프로젝트를 진행할 경우 application.yml이라는 파일을 통해 설정값을 스프링 프로젝트에 주입해줄 수 있으며 환경별로 다른 값을 넘겨줄 수 있다. 다음은 로컬, 개발, 운영 환경에 서로 다른 DB 커넥션 정보를 넘겨주는 application.yml 파일의 예이다. server: port: 2580 error: whitelabel: enabled: false servlet: encodin.. 2021. 6. 9. 이전 1 ··· 11 12 13 14 15 16 다음
