리눅스/맥에서 환경변수 설정 및 제어
리눅스/맥 임시 환경설정 변수 설정 (임시적 설정)임시로 설정되며 현재 터미널(쉘)에서만 유지된다.# 환경변수 설정 export 변수명=값 # 환경변수 해제 unset $변수명 # 환경변수 확인 echo $변수명 # 모든 환경변수 확인 expo
Data URI
Data URI (Data URLs scheme)은 웹페이지에 데이터를 인라인으로 포함하는 방법이다작은 이미지나 파일과 같은 정보를 (HTML, JS, CSS)에 직접 사용할수있게 해준다. 이는 서버에 요청하지 않고도 이미지를 사용할 수 있게 한다. DataURL은 일
npm의 패키지 버전관리에 대해서
버전 구성버전은 주로 Major(메이저 버전), Minor(마이너 버전), Patch(패치 버전)으로 구성되며, 세 가지 업데이트 유형을 나타냅니다.Major(메이저 버전): 호환성이 보장되지 않는 대규모 업데이트로, 이전 버전과의 호환성이 없을 때 주로 변경됩니다.
line-height / vertical-align에 대해서
line-height에 대해서line-height는 행과 행의 간격을 제어할수있다line-height는 font-size와 관계가 있다예를 들어 font-size 50px을 주고 line-height를 70px을 줄 경우 font-size를 50px의 높이를 가지면서
Docker PHP+Apache환경설정: Dockerfile,Docker-compose
1. 도커의 기본 개념도커(Docker):도커는 운영체제 위에서 동작하는 프로그램으로, 경량화된 가상 머신(Virtual Machine)으로 생각할 수 있다. 가장 큰 차이는 가상 머신이 운영체제까지 가상화하는 반면 도커는 호스트 운영체제를 그대로 활용한다. 도커는 이
구글의 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() {