본문 바로가기
반응형

Web/etc.5

VSCode 내에서 커맨드 단축키 검색 및 설정 VSCode 내에서 커맨드 단축키 검색 및 설정 VSCode 상단에는 검색창이 있다. 두 번째 옵션을 보면 " Show and Run Commands > "라고 적혀있다. 두 번째 옵션을 클릭하거나 ' > '를 입력하면 VSCode에서 제공하는 커맨드들을 찾아볼 수 있다. 나는 주석에 대한 커맨드를 찾아보았다. 우측에는 단축키가 나타나 있고 마우스를 가져다 대면 옵션을 설정할 수 있는 버튼이 나온다. 커맨드의 단축키를 더블클릭하면 단축키를 새롭게 설정할 수 있다. (다른 커맨드와 단축키가 겹치게 되면 경고해준다.) " ENTER "키를 누르면 설정한 값으로 변경된다. 2023. 10. 31.
웹 기술 백과사전 MDN 웹 기술 백과사전 MDN MDN(Mozilla Developer Network) https://developer.mozilla.org/ko/ 개발자가 개발자를 위해 만든 사이트 HTML, CSS, JS의 백과사전이다. 여러 지침과 안내가 가득하다. HTML의 모든 태그들과 어떻게 적용되는지 나타내준다. (물론 CSS, JS 내용도 가득가득하다.) 예제는 자신이 직접 수정해보고 그 결과를 바로 확인해 볼 수 있다. 사이트 내에 검색 기능이 있지만 나는 구글에 검색한다. MDN에는 개발자들에게 도움이 될 수 있는 최신 정보가 업데이트 되기 때문에 수시로 들어가서 확인해 보는 것도 좋다고 한다. (난 아직 왕초보라 잘 모르겠다..) 2023. 10. 30.
VS Code 처음 설치하고 환경설정하기(feat. Extensions) VS Code 처음 설치하고 환경설정하기(feat. Extensions) 왼쪽 아래에 톱니 바퀴를 누르고 Settings를 누른다. 그럼 이런 창이 나타나는데 여기서 폰트, 색상, 테마 등 다양하다. 하지만 기본적으로 제공하는 것들은 100%의 만족감을 줄 수 없다. 이때 필요한 것이 Extensions이다. 화면 좌측에서 5번째 버튼이다. 디자인, 언어뿐만 아니라 코딩할 때 편한 도구들이 가득하다. (나는 문장 끝에 콜론(;)을 넣는 단축키를 추가하는 도구를 설치해봤다. 편하다.) 하지만 나에게 무엇이 필요한지 모를 때 사람들이 가장 많이 사용하는 것이 무엇인지 찾아보고 싶을 때 " VS Code 홈페이지 상단 >> Extensions " 페이지에서 검색할 수 있다. 2023. 10. 30.
HTML/CSS/JS의 역할 HTML/CSS/JS의 역할 HTML, CSS, JS는 프론트엔드(Front-End) 개발을 위해 반드시 필요한 언어이다. 쉽게 말해 웹 사이트, 우리 눈에 보이는 영역을 구성하기 위해 반드시 필요하다. 프론트엔드 개발을 위해서는 이 세 가지 언어만 공부하면 된다. 이것들 외에 필요없는 것이 아니라 이것들 밖에 없다. 다만, 서로 대체 할 수 있는 것이 아니고 서로 어우러져서 하나가 되기 때문에 이 세 가지 중 하나라도 빠져서는 안된다. 한 문장을 예로 들어본다. " 왕초보 개발자는 공부한다. " 이 문장에서 HTML, CSS, JS가 어떤 역할을 맡는지 알아본다. HTML (HyperText Markup Language) 하이퍼텍스트(Hypertext)의 구조를 명시하는 언어(Markup Languag.. 2023. 10. 29.
인터넷, 웹, HTTP 작동방식(간단) 인터넷, 웹, HTTP 작동방식 네트워크 (Network) net : 그물, work : 작동 묶여서 동작하는 거다. 컴퓨터, 스마트폰 등의 단말들이 서로 소통을 하도록 연결해 놓은 것이다. 인터넷 (Internet) inter : 사이, net : 네트워크 네트워크의 네트워크, 네트워크간의 연결이다. 네트워크의 단위를 기업, 국가로 생각한다면 인터넷은 이 모든 것을 하나로 묶어버린 것이다. 인터넷은 웹, 스트리밍 서비스, 이메일을 포함한 많은 것들을 가능하게 하는 인프라가 된다. 웹 (Web) 월드 와이드 웹(World Wide Web)을 줄여 부르는 것으로 인터넷 사용자들이 리소스(자원)를 공유할 수 있는 공간이다. 인터넷과 같은 뜻으로 혼동할 수 있지만 인터넷의 서비스 중 하나이다. 웹 브라우저(B.. 2023. 10. 27.
반응형

티스토리툴바