728x90 Programming/Javascript23 Sass 간단 사용법 사진이 보이지 않으시다면 Notion에서도 볼 수 있습니다. SCSS Date: Nov 10, 2019 설치 아래의 extension을 vscode에서 설치 해주세요 live sass compiler live server live sass compiler 사용 index.html 준비 Hello World sass 파일 생성 style.scss body { background : pink } live sass 실행 cmd + shift + p live sass 아래와 같이 output 결과가 나오면서 scss가 css로 컴파일 됩니다. 아래와 같이 style.css와 style.css.map을 생성하게 됩니다. style.css 연결 이제 컴파일된 css 파일을 index.html에 연결하면 됩니다. 아.. 2019. 11. 10. React, Webpack으로 기본설정하기 이 글은 React webpack from the scratch의 영상과 제 나름의 조사를 통해 작성한 글입니다. 원본 소스는 버전이 바뀌면서 많이 다릅니다. 참조하실 분들은 저의 github에서 소스코드를 받으실 수 있습니다. 1. package.json npm init package.json 생성 2. react npm install react react-dom yarn일 경우 yarn add react react-dom react 리액트 라이브러리 react-dom browser, dom, webapp 관리 3. babel npm install --save-dev @babel/core babel-loader @babel/preset-react @babel/preset-env yarn일 경우 yarn.. 2019. 11. 3. vscode로 자바 프로그래밍하기 이번에 알고리즘 공부를 다시 하면서 자바와 C++를 사용하기로 했습니다. 원래 C++는 vscode로 사용하고 java는 intellij를 사용하였는데, ide를 따로 사용하다보니 알고리즘 공부한 것이 따로노는 느낌이 들었습니다. 어디 한 군데 모아놓고 계속 싶었는데.. 그래서 vscode로 자바 프로그래밍 환경 설정 하는 법을 알아보았습니다. 더 자세한 내용을 알고 싶으신 분들은 vscode 홈페이지를 참고하시기 바랍니다. vscode 자바 extension pack 설치 윈도우 윈도우 사용자의 경우 vscode에서 제공하는 자바 통합툴을 다운받으시면 간단하게 설정을 하실 수 있습니다. 혹은 vscode에서 java extension pack을 직접 설치하셔도 사용 가능합니다. 맥 맥 사용자의 경우는 .. 2019. 10. 29. vscode 자동완성 단축키 설정 윈도우 설정 윈도우는 따로 설정이 없이 ctrl + space를 사용합니다. window : ctrl + space 맥 설정 먼저 vscode에서 키보드 단축키 설정을 합니다. code - preferences - keyboard shortcut trigger suggest를 검색합니다. 왼쪽 펜 버튼 클릭 후 원하는 키보드 설정하시면 됩니다. (개인적으로는 opt + space를 사용했습니다.) 2019. 10. 28. tistory 마크다운 github 스타일 설정 이번에 tistory에서 마크다운 에디터 기능을 새로 내놓았습니다. 예전에 한번씩 블로그를 써왔지만 마크다운 기능이 아쉬워 많이 쓰지는 않았습니다. 매번 마크다운으로 쓴 글을 html로 옮기는 것이 참 힘들었었는데요. 이번에 마크다운 지원이 되면서 한번 사용해 보기로 했습니다. 1. github markdown css 먼저 github markdown 스타일을 설정하기 위해 css파일을 받아보겠습니다. 아래의 링크로 가셔서 github-markdown.css 파일을 찾아보겠습니다. https://github.com/sindresorhus/github-markdown-css 2. tistory 스킨 변경 티스토리는 여러가지 무료 스킨을 제공하고 있습니다. 저는 그중에서 square 스킨을 사용하였습니다. .. 2019. 10. 27. 이전 1 2 3 4 다음 728x90
