구글의 OAuth에 대해서 ( + 액세스토큰 로그인 방식 )
용어리소스오너 : 사용자클라이언트 : 사용자가 사용할 앱리소스서버 : 구글서버코드 : 클라이언트가 해당 서비스(구글카렌더등)를 이용하기 위한 인증코드이며 사용자가 화면에서 허가한다액세스토큰 : 클라이언트앱이 리소스서버로부터 인증받으면 발급되는 토큰 (보통 클라이언트에서
white-space속성 / pre태그
pre태그pre태그는 텍스트를 그대로 표시하며, 텍스트 내의 공백, 줄바꿈, 탭 등을 그대로 유지한다스페이스(  ;)/탭(&Tab ;)/엔터(br태그)은 보통 공백하나로 처리되지만 pre를 사용할 경우 그대로 유지되어 표시됨html 태그도 그대로 표시됨width
모모의 카츠카레
지금까지 먹어본 카레중에 가장 부드럽고 맛있었다!돈카츠가 들어가기때문에 카레에는 고기를 사용하지 않고 가지와 연근 고구마를 사용해서인지 매우 부드러웠다이틀째에는 카레가 더욱 맛이 깊어져서 더욱 맛있었다
타입스크립트의 콜시그니쳐 / 오버로딩 / 인덱스 시그니쳐
(vue3의 computed의 콜시그니쳐)1.콜시그니쳐vscode등에서 함수 위에 커서를 올리면 나오는 파라미터와 리턴 타입 정보를 말한다type Add = (a: number, b: number) => number // 콜시그니쳐 정의 const add: Add =
watch와 watchEffect의 차이
watch활용 시기: 특정 데이터가 변경되었을 때 실행.데이터 비교: 새로운 데이터와 이전 데이터를 가져옴 (lazy).활용 상황:특정 반응 속성을 관찰하거나, 이전 값에 관심이 있는 경우 사용.함수 또는 하나 이상의 반응 속성을 감시할 수 있음.실행 조건: react
마루고토우미
정식적인 이름은 "미나토니쵸메마루고토우미"라는 음식점이다!회사의 지인과 함께 찾은 이후 음식의 퀄리티도 좋고 신선하며 한끼 대접하기위한 적당한 가격의 가게이기때문에 자주 방문하고있다!전화로 먼저 예약할때 간단한 모듬 생선회를 먼저 예약할수있는데 2인분에 2천엔이 넘어가
현재화면이 브라우저인지 모바일인지 알려주는 컴포저블 ( CompositionAPI이용 )
(위의 화면은 composition api와 과거 option api의 비교)현재화면이 브라우저인지 모바일인지 변수로 관리VueJS의 Composition API를 사용해서 Composable을 만든 예제export function useWindowSize() {
Position:abolute사용시 넓이 상속문제 / inset / 화면중앙위치
1.Position:abolute사용시 넓이와 높이 ( width & height ) 상속문제넓이를 width:100%로 만들고 abolute를 지정하니 넓이 100%가 적용이 안되었다이 문제의 원인은 position: absolute 속성이 적용된 엘리먼트의 widt
CSS의 height:100%와 height:100vh의 차이 (+width)
height: 100%부모의 높이 값에 의존한다. 부모에게 height가 설정되어있어야한다( 단위가 %일땐 부모의 값에서 높이를 상속받는다)(height와 width는 상속받지 않는다 %라는 단위가 상속을 받을뿐이다)height: 100vh사용기기의 높이에 의존한다.
Docker-compose에 대해서 (Nuxt Docker설정)
1.Docker-compse.yml에 대해서Docker Compose는 여러 개의 Docker 컨테이너를 하나의 그룹으로 묶어서 쉽게 관리할 수 있게 도와주는 도구Docker Compose를 사용하면 이러한 컨테이너들을 쉽게 설정하고 한 번에 여러 개를 실행하거나 중지
Promise에 대해서 / Promise.all과 Promise.allSettled의 차이
* Promise가 이해되면 위의 이미지가 이해가 된다Promise의 사용이유자바스크립트는 동기적 언어이다그러나 비동기적 함수(API요청)등을 처리하는 경우에는 동작 순서를 보장받지 못한다보장하기 위해서 Promise등을 사용한다Promise의 사용구조에 대해서Prom
Array<T> 및 타입스크립트를 사용하는 예제 연습
타입스크립트로 배열타입을 나타내는 두가지 방법아래의 예제에서 2번 방법 Array<타입명> 은 제너릭을 사용한 배열 타입의 선언방법이다즉 Array[타입명]으로 선언한다면 타입명으로 선언된 내용만이 들어가있는 배열타입을 선언하게 된다interface Bread{};