전체 글2 개발자 도구 '개발자 도구' 라는게 있다 특히 웹 개발을 하는 경우 크롬 브라우저의 개발자 도구를 열어볼 일이 많다 개발자 도구는 아래와 같이 크롬(브라우저)에서 주소창이 있는 곳 맨 오른쪽에 ⋮ 이런걸 클릭한 후 도구 더보기 - 개발자 도구를 클릭해서 열거나 F12 혹은 Ctrl + Shift + I 를 통해 열어본다 맥의 경우 옵션 커맨드 I 이다 개발자 도구에서도 ⋮ 이걸 누르면 개발자 도구 창의 위치를 바꿀 수 있다 HTML, CSS 작업을 할 땐 개발자 도구에서 이걸 누르고 화면 페이지의 어떤 요소에 마우스를 갖다 대면 그 요소에 해당하는 HTML DOM 요소를 추적할 수 있다 HTML DOM 요소를 클릭하면 Styles(스타일)에서 해당 요소의 스타일도 확인할 수 있다 Computed 탭에서도 스타일을 확.. 2024. 2. 29. VS Code 와 Git 설치 먼저 VS Code와 Git을 설치해야한다 나는 부트캠프를 통해 편히 클릭 한 번으로 해당 사이트로 접속 가능하지만 원래는 이렇게 구글링을 통해 VS Code 사이트를 찾아 들어간다 개발자라면 응당 구글링에 익숙해져야한다 근데 요즘엔 챗지피티를 더 애용할듯 구글링 해서 Visual Studio Code (VS Code) 사이트에 들어가서 본인이 개발할 컴퓨터의 운영체제에 맞게 다운로드 받으면 된다! 이렇게 다운받은 설치파일을 더블클릭하여 실행시키고 설치를 진행하면 된다 나는 앞서나가는 자들이 늘상 그러하듯 이미 설치가 된 것을 넘어 실행 중이기 때문에 이런 창이 뜨지만 VS Code를 처음 설치하는 분들은 이런 창을 보게 될 것이다 동의합니다를 체크하고 다음을 누른다 그 다음은 이런게 보일텐데 바탕 화면.. 2024. 2. 29. 이전 1 다음