vsc로 웹 개발 코딩할 때 도움되는 익스텐션 추천 1. Live Server 크롬에 html 파일 경로를 치면 웹 페이지로 볼 수 있는데, 이는 파일에 변경사항이 있을 때마다 새로고침해줘야 한 Live Server를 install하면 vsc 우측 하단에 Go Live 버튼이 뜬다 Go Live 버튼을 누르면 새로고침하지 않아도 파일을 저장하자마자 웹에서도 변경사항이 반영된다 2. Live Preview 돋보기를 누르면 실시간으로 vsc에서 미리보기할 수 있다 3. Material Theme 다양한 vsc 테마 제공 Set Color Theme 버튼을 누르면 다른 테마로 변경할 수 있다 4. Material Icon Theme vsc에서 뜨는 파일 아이콘 테마 html, css, js...등 파일명 우측..
Computer/tip
백준 문제만 풀다가 학교 선배께서 릿코드를 추천해주셔서 릿코드에서 문제를 풀게 되었다. 릿코드에는 자체 IDE가 있기에 웹에서 바로 문제를 풀고 있다. 그래서 깃허브에 업로드할 때 새로운 파일을 만들고 코드를 복붙해서 업로드해야 한다는 귀찮음이 있다. 릿허브를 사용하면 그 귀찮음을 해결할 수 있다! 릿허브는 릿코드에서 문제를 맞히면 자동으로 깃허브에 코드를 업로드하는 크롬 확장 프로그램이다. 릿허브를 사용하면 단순히 코드만 업로드해주는 것이 아니라 README에 문제 내용을 업로드해주고 시간과 메모리를 커밋해준다. LeetHub 설치 https://chrome.google.com/webstore/detail/leethub/aciombdipochlnkbpcbgdpjffcfdbggi 해당 링크에 들어가면 다..
코딩을 공부한다면 깃허브 사용은 필수이다. 나는 오늘 아침도 기억이 잘 안나는 사람이기 때문에 내 식대로 정리하고 리포지토리 새로 생성할 때마다 따라 하려고 한다...^^ 참고로 이번 편에서는 개인이 공부한 코드를 업로드하기 위한 용도이므로 브랜치는 생성하지 않을 것이다. 나는 아직 협업에서 깃허브를 사용해본 적이 없지만 협업할 때 보통 브랜치를 따서 사용한다고 한다. 가입 및 설치는 완료가 된 상태이고, 리포지토리 생성 및 로컬 저장소와 연결, 코드 업로드 과정만 설명한 글이다. Repository 생성 Respositories > New를 누르면 다음과 같은 창이 나온다. Repository name칸에 리포지토리 이름을 작성하고 'Add a README file'을 체크한다. Create repos..
로렘 입숨(Lorem Ipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트이다. 문서에서 텍스트가 보이면 사람들은 전체적인 프레젠테이션보다는 텍스트에 담긴 뜻에 집중하는 경향이 있어서 출판사들은 서체나 디자인을 보일 때는 프레젠테이션 자체에 초점을 맞추기 위해 로렘 입숨을 사용한다. 즉, 로렘 입숨은 디자인에 초점을 맞추기 위한 의미없는 글자이다. 나의 경우는 웹 페이지를 디자인할 때, 예시로 사용할 글자로 쓰려고 한다. 로렘 입숨을 쉽게 생성해주는 사이트가 있다. https://lipsum.com/ 해당 링크를 들어가면 다음과 같은 화면이 뜬다. paragraphs(문단), words(단어), bytes(글..
