본문 바로가기

Frontend88

HTML | 메타태그 메타태그 http-equiv="항목명" 웹 브라우저가 서버에 명령을 내리는 속성으로 name 속성을 대신하여 사용될 수 있으며, HTML 문서가 응답 헤더와 함께 웹 서버로부터 웹 브라우저에 전송되었을 때에만 의미를 갖습니다. 출처: https://webclub.tistory.com/354 [Web Club] 2020. 2. 5.
CSS | scroll을 제어하는 CSS scroll을 제어하는 CSS ::-webkit-scrollbar { width: 5px; /* 세로축 스크롤바 길이 */ height: 5px; /* 가로축 스크롤바 길이 */ } ::-webkit-scrollbar-track { background-color: lightblue; } ::-webkit-scrollbar-track-piece { background-color: rgb(182, 182, 182); } ::-webkit-scrollbar-thumb { border-radius: 8px; background-color: #494949; } ::-webkit-scrollbar-track { width: 3px; border-left: 3px solid transparent; border-rig.. 2020. 2. 5.
VS Code에서 기본 터미널 변경하는 방법 package.json 여기에서 설치된 플러그인들을 볼 수 있음. yarn run watch 이 명령어를 사용하면 sass,js 등 프로젝트 파일들을 한번에 컴파일할 수 있다. VS Code에서 기본 터미널 변경하는 방법 ctrl + shift + p shell 엔터 CMD, Git Bash등을 선택해서 변경할 수 있다. https://wrjeoung.tistory.com/32 VS code Extensions 설치 Auto Close Tag Beautify Bookmarks Bootstrap v4 Snippets Laravel Blade Snippets Laravel Extra Intellisense Material Icon Theme 2020. 2. 5.
Javascript 배열과 유사배열 Javascript 배열과 유사배열 var nums = [1,2,3]; var nodes = document.querySelectorAll('div'); // NodeList [div, div, div, div, div, ...] var els = document.body.children; // HTMLCollection [noscript, link, div, script, ...] Array.isArray(nums); // true Array.isArray(nodes); // false Array.isArray(els); // false 출처: https://www.zerocho.com/category/JavaScript/post/5af6f9e707d77a001bb579d2 nodes, els 처럼 [.. 2020. 2. 5.
Typescript | 개발환경 설정 1. Node.js 설치하기 자바스크립트 런타임환경: https://nodejs.org/ko/ 2. npm으로 타입스크립트 설치 npm i typescript -g 3. ts파일 컴파일 하기 tsc tsfilename tsc --init //옵션설정 파일 생성하기 tsconfig.json 생성된다. tsc --watch //파일의 내용이 변경되었을 때 감지한다. ts확장자를 생략한 파일이름을 작성하고 명령어 실행 하면 같은 이름의 js파일이 생성된다. 참고: https://poiemaweb.com/typescript-vscode VSCode는 타입스크립트로 만들어졌기 때문에 타입스크립트에 대한 지원이 강력하다. 2020. 2. 3.
Project Ideas 코드 초보를 위한 아이디어 Fizz buzz 생성기 심플 계산기 (유저가 연산을 선택하면 계산결과 도출하기) 변환기 유닛 변환기 모스부호 변환기 통화 변환기 아무거나 변환기!! 심플한 GUI가 있는 프로그램 메모장 옵션을 선택해서 그 때마다 보여지는게 달라지는 프로그램 가위바위보 게임 너의 포트폴리오 평범한 비기너를 위한 아이디어 뉴비에서보다 발전된 계산기 (스타일이나 기능부분이) 변환기를 하나로 모은 프로그램 파일저장기능이 있는 메모장 틱택토 게임 지난 포트폴리오 발전시키기 간단한 CLI 심플 챗봇 랜덤으로 인용구 가져와서 보여주는 앱 간단한 검색엔진 서버응답 시뮬레이터 경험이 있는 비기너를 위한 아이디어 다이어리 앱 트렐로앱 모스부호 변환기에 공유, 파일저장 기능 붙이기 만들었던 CLI 발전시키기 파.. 2020. 1. 31.

티스토리툴바