IT

데이터 모델링

데이터 모델링이란 어떤 데이터를 데이터베이스에 옮기기 위해 변환하는 과정이다. '추상화'란 어떤 대상에 대한 핵심적인 데이터를 찾아내는 것을 의미한다. 데이터 모델링 데이터 모델링은 세가지 단계로 진행된다. 현실세계 --(개념적 모델링)--> 개념세계 --(논리적 모델링)--> 컴퓨터세계 개념적 모델링은 핵심적인 데이터를 뽑아내어 개념세계로 옮기는 작업이며, 논리적 모델링은 개념세계의 데이터를 데이터베이스에 저장할 구조를 결정하고 이 구조로 표현하는 작업이다. 개념적 모델링과 논리적 모델링을 합쳐서 '데이터 모델링'이라고 부른다. 데이터 모델 데이터 모델: 데이터 모델링을 쉽게할 수 있도록 도와주는 도구 데이터 모델은 데이터 모델링의 결과물을 표현하는 도구이며 개념적 데이터 모델과 논리적 데이터 모델이 ..

CSS Transition 애니메이션 미리보기 사이트

CSS를 작성하다가 transition을 주고 싶은데 CSS문서를 수정해서 저장하고 브라우저에 적용되었는지 직접 확인하는 과정이 귀찮을 수도 있다. 물론 직접 보는것이 가장 직관적 이지만 간단하게 미리 확인해볼 수 있는 유용한 사이트가 있다. https://matthewlein.com/tools/ceaser Ceaser - CSS Easing Animation Tool - Matthew Lein Choose an easing type and test it out with a few effects. If you don’t quite like the easing, grab a handle and fix it. When you’re happy, snag your code and off you go. Now t..

Visual Studio Code(VSC) 기본 한글 폰트 바꾸기 - 맑은 고딕

Visual Studio Code(VSC)를 사용하다보면 기본폰트 영어는 마음에 들더라도 한글이 마음에 들지 않는 경우가 있을 수 있다. 물론 새로운 폰트를 다운받아 사용하는 것도 하나의 방법이다. 하지만 기본 폰트를 굳이 바꾸고 싶지 않고 한글만 바꾸고 싶은 사람들에게 이 방법을 추천한다. VSC 한글 폰트 바꾸기 우선 설정에서 'Font Family'를 찾는다. 사진의 세가지 언어가 기본으로 설정되어 있다. 앞에서 부터 폰트가 적용이 되므로(Consolas가 우선 적용되며 만약 해당 글꼴이 없다면 'Courier New'가 적용된다) 새로운 폰트를 다운 받아 적용하려면 맨 앞에 추가하면 된다. 이 세개의 기본 폰트들은 한글을 지원하지 않는다. 따라서 한글을 지원하는 폰트를 직접 추가해주면 된다. 역시..

Visual Studio Code(VSC) Prettier 적용 및 적용 안될때 해결방안

VSC를 이용해서 코딩을 하다 보면 실수를 한다거나(HTML 작성 도중 태그를 닫지 않는다던가...) 보기 지저분한 상태(줄을 제때 안바꿨다던가...)가 될 수도 있다. 이를 해결하는데 도움을 주는 Prettier라는 확장 프로그램이 있다. Prettier 다운로드 방법 VSC 확장 탭에서 'Prettier'라고 검색하면 바로 나온다. 이것을 다운받으면 된다. Prettier 적용법 Prettier를 다운받았다면 왼쪽 밑 톱니바퀴를 통해 '설정'탭에 들어간다. (윈도우의 경우 Ctrl + ,) 설정탭에서 'format'이라고 검색해서 'Format On Save'를 찾아 체크해주면 된다. Prettier 사용 효과 Prettier를 적용한 후 테스트 해보자. 보기에도 지저분하고 오류도 있는 HTML이다...