홈

git repository의 일부 디렉토리만 clone 하기 (git sparse checkout) git clone some folders with git sparse checkout 서론 2022년 첫 포스팅 사내의 어떤 프로젝트 구조가 하나의 repository에 해당 프로젝트에 대한 모든 코드를 다 넣어두고 개발 스택별로 폴더를 나누어 구분하는 구조로 되어있어서 프론트 폴더만 clone 하기 위해 사용한 방법을 포스팅하려고 합니다. (프로젝트 저장소) ㄴ (프론트 폴더) ㄴ (백엔드 폴더) ... 본론) git repository의 일부 디렉토리만 clone 하기 clone 받을 폴더를 만들고 ...

Uncaught Error: Target container is not a DOM element. Target container is not a DOM element 로그 Uncaught Error: Target container is not a DOM element. at Object.render (react-dom.development.js:24963) at simple1.js:27 발생 원인 DOM 에 렌더링 시 render 하고자 하는 element 를 찾을 수 없어서 발생 // js 파일에서 root1 이라는 아이디를 가진 element 에 const domContaine...

넉스트(Nuxt)에서 무한 스크롤(infinite scroll) 구현하기 Nuxt component with infinite scroll 무한 스크롤(infinite scroll)? 무한 스크롤이란 사용자가 아래로 스크롤했을 때 현재 보고있는 콘텐츠의 더 많은 내용이 페이지 하단에 나타나도록 하여 사용자가 페이지네이션을 위해 추가적인 동작을 하지 않아도 자연스럽게 다음 콘텐츠를 볼 수 있는 기능입니다. Nuxt에서 무한 스크롤을 구현하는 방법 이번 프로젝트는 nuxt를 사용하는 프로젝트이기 때문에, nuxt 환경에서 무한 스크롤을 구현하는 방법으로 진행하겠습니다. 데이터는 배열로 관리하고, 추가되는 ...

뷰(Vue)에 Tailwind 적용시키기 Vue Component with Tailwind CSS Tailwind? Tailwind 기존의 CSS 프레임워크(Framework) - Vuetify, Buefy 등은 UI를 구성하는 데 필요한 컴포넌트들이 미리 정의되어 있어 개발 시 해당 컴포넌트들을 사용해 쉽게 디자인을 입힐 수 있습니다. 하지만, 컴포넌트가 이미 정의되어 있기 때문에 원하는 형태로 커스터마이징 할 때는 어느정도의 번거로움이 생길 수 밖에 없었습니다. 그래서 다른 CSS를 찾아보다가 발견한 녀석이 Tailwind라는 친구입니다. Tailwind도 사전에 CSS들이 정의되어 있다는 점이 기존...

타입스크립트(TypeScript) 뿌시기 2 (타입) Studying TypeScript 2 타입 검사와 선언 언어에 따라 수행하는 타입 검사의 종류는 크게 정적 타입 검사(statically type checking)과 동적 타입 검사(dynamically type check)로 나뉩니다. 먼저 정적 타입 검사란, 컴파일 시(런타임 이전)에 변수의 타입을 검사하는 방식입니다. 이러한 이유로 컴파일 시 에러가 발생하기 때문에 에러 확인을 빠르고 편하게 할 수 있디는 특징이 있습니다. 동적 타입 검사란 런타임 시 변수의 타입을 검사하는 방식입니다. 타입이 입력 값에 따라 결정되므로 예상치 못한 에러를 발생...

타입스크립트(TypeScript) 뿌시기 1 (변수 선언) Studying TypeScript 1 변수 선언 ES5 까지는 변수를 선언할 수 있는 방법이 var 선언자를 이용하는 방법 밖에 없었습니다. var 선언자는 아래와 같은 특징을 가지고 있었는데요, 변수가 선언된 위치와 관계없이 스코프(scope)의 최상위로 끌어올림 되어 같은 스코프라면 어디서든 호출되는 특징과, 블록 레벨 스코프(Block Level Scope)가 지원되지 않는 특징입니다. var 선언자의 특징 1 var 선언자의 첫 번째 특징은 호이스팅(Hoisting) 이라고 불리는 녀석입니다. 호이스팅이란 위에서 말씀드렸다시피 선언한 ...

Fix VSCode Terminal Lagging Big Sur 업데이트? Big Sur 가 나왔다는 이야기를 듣고 바로 업데이트를 하려고 했지만 찾아보니 Big Sur 업데이트 후 맥이 느려졌다는 글을 많이 봐서 업데이트를 최대한 늦추려고 했음 근데 어쩔 수 없이 업데이트를 해야 하는 상황이 와서 결국 업데이트를 해버림.. (not 클린 설치) 업데이트 후 이것저것 둘러봤는데, 다크 모드에서 확인 버튼의 글씨가 잘 보이지 않음 뭔가 상단바가 반투명? 해진 느낌 생각보다 그렇게 느려지지 않은 속도 (체감상 아주 조금 느리긴 함 ㅎ) 정도…… 생각보다 나쁘지 않아서 만족하며 여느 때와 같이 ...

나도뷰 1 Vue? Vue 란 사용자 인터페이스를 만들기 위한 Progressive Framework MVVM 디자인 패턴 MVC(Model, View, Controller) 패턴의 변형으로, View 의 추상화를 만드는 것이 핵심인 패턴 Model App 에서 사용되는 데이터와 그 데이터를 처리하는 부분 비즈니스 로직과 유효성 검사, 데이터를 포함하는 App 의 도메인 모델 View 사용자에게 보여지는 구조, 레이아웃, 형태 등을 정의하는 UI 부분 애니메이션 같은 UI 로직을 포함하되 비즈니스 로직은 포함하지...