전체 글

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이다...

데이터베이스의 구조 (3단계 데이터베이스 구조)

데이터베이스 시스템(DBS: Data Base System)은 정보를 데이터베이스에 저장, 관리, 제공하는 시스템이다. 데이터베이스 시스템의 구성요소로는 데이터베이스, DBMS 등이 있다. 3단계 데이터베이스 구조 1. 외부단계 (추상화 레벨 높음) 2. 개념단계 3. 내부단계 (추상화 레벨 낮음) 추상화(Abstraction): 복잡한 데이터에서 핵심적인 부분을 뽑아내는 것 외부단계 사용자 관점 외부단계에서 사용자가 필요한 데이터베이스를 정의한 것을 외부 스키마라고 한다. 데이터베이스 하나에는 외부 스키마가 여러개 존재할 수 있으며 서브 스키마라고도 한다. ex) 의류업체의 물류를 관리하는 팀의 외부 스키마는 [상품번호, 개수, 상품위치]로 구성되어 있으며 고객정보를 관리하는 팀의 외부 스키마는 [고객..