일상, 그리고 휴식

Vue를 재작년에 접한 뒤, 틈틈이 개인적으로 혹은 프로젝트를 접하면서 공부하고 있었는데.. 블로그에 정리한다고 하고 매일 귀찮아서 이제서야 글을 남긴다. Vue 2.0 버전을 사용하다가 Vue3.0을 사용하게 되었는데, 기존 방식이 Optional Api 방식이였다면, 지금은 Compositon Api 방식으로 사용하고 있다. 개인적으로는 Optional Api 방식을 사용하는 것을 좋아하는데, 현 프로젝트 상으론 Composition 방식을 사용하고 있어서 어쩔 수 없이 다시금 공부하는 게 생기기도 하는 것 같다. Optional Api와 Composion Api 방식의 차이점은 아래 Docs에서 내용 참고하길 바란다. https://ko.vuejs.org/guide/extras/composition..

jdbc는 실제 쿼리를 사용 mybatis, jdbc template 도 비슷 JPA의 경우 개발향상성 향상, 속도, 유지보수에 좋음 JPA가 실무에서 어려운 이유 1. 객체와 테이블을 올바르게 설계하지 못해서 2. JPA내부 동작 방식 이해하지 못해서 * SQL 중심적인 개발의 경우 객체모델링할수록 매핑작업이 늘어난다.. jpa 지연로딩/즉시로딩 - 지연로딩: 객체가 실제 사용될 때 로딩 - 즉시로딩: Join sql로 한번에 연관된 객체까지 미리 조회 => 지연,즉시로딩을 on/off 할 수 있다. persistence.xml 설정파일

API 개발하기 전에 어떤 타입으로 받아서 뿌려줄지 고안하는 도중 찾은 사이트. www.mockaroo.com/ Mockaroo - Random Data Generator and API Mocking Tool | JSON / CSV / SQL / Excel Mock your back-end API and start coding your UI today. It's hard to put together a meaningful UI prototype without making real requests to an API. By making real requests, you'll uncover problems with application flow, timing, and API design early, impro..

declare @cursor1_status --hold the first fetch status declare @cursor1_holder declare @cursor2_status --hold the second fetch status declare @cursor2_holder --declare cursors declare first_cursor cursor for.... declare second_cursor cursor for.... --open cursors open first_cursor open second_cursor --fetch cursors and use another variable to hold the fetch -- status fetch next from first_cursor ..

dotnet new -i IdentityServer4.Templates md quickstart cd quickstart md src cd src dotnet new is4empty -n IdentityServer dotnet new is4ui -n IdentityServer cd .. dotnet new sln -n Quickstart dotnet sln add .\src\IdentityServer\IdentityServer.csproj 참조:deblokt.com/2019/09/01/01-identityserver4-quickstart/

jsonpatch.com/ JSON Patch Website for jsonpatch.com, with general info about JSONPatch jsonpatch.com docs.microsoft.com/ko-kr/aspnet/core/web-api/jsonpatch?view=aspnetcore-5.0

docs.microsoft.com/ko-kr/aspnet/core/security/authentication/mfa?view=aspnetcore-5.0

./node_modules/react-router/index.js Attempted import error: 'Action' is not exported from 'history'. React 구동시 위와 같은 오류가 난다면, react-router-dom의 버전이 6버전인지 체크해야한다. history 버전도 5버전 이상인지 확인해야한다. 버전 확인 > package.json 만일, 하위버전일 경우 > npm i react-router-dom@next > npm i history@next 로 버전업 시켜주면된다.. 참고로 node.js 버전은 14.15.5(안정적, 신뢰도높음) 버전으로 사용해야한다. Latest 버전으로 사용하면 React-Router 동작 시 오류가 계속 난다.. node.js 버전..

velog.io/@grinding_hannah/React.JS-React-%EA%B0%95%EC%A2%8C-%ED%95%99%EC%8A%B5%EB%82%B4%EC%9A%A9-%EC%A0%95%EB%A6%AC

React.Component 클래스에서 확장 된 새로운 JavaScript 클래스를 정의하고 있습니다. 우리 수업에서는 React.Component가 이미 제공 한 것에서 빌드 할 몇 가지 속성과 메서드를 정의 할 것입니다. 이 메소드들 중 가장 중요한 것은 render라고 불리며 결국 HTML로 렌더링 할 React 컴포넌트 트리를 반환합니다. 태그는 실제 DOM 노드가 아닙니다. React div 구성 요소의 인스턴스화입니다. 이를 React가 처리하는 방법을 알고있는 마커 또는 데이터 조각으로 생각할 수 있습니다. React는 안전합니다. HTML 문자열을 생성하지 않으므로 XSS 보호가 기본값입니다. 기본 HTML을 반환 할 필요가 없습니다. 자신 (또는 다른 사람)이 구축 한 구성 요소 트리를 ..