생활코딩

Coding Everybody

코스 전체목록

닫기

개발도구

개발도구

생활코딩 개발도구 편은 개발, 다른 말로 프로그래밍을 하는데 필요한 도구들에 대한 수업들입니다. 일반적으로 프로그래밍을 하는데는 윈도우로치면 메모장, 맥으로 치면 텍스트 에디트만 있으면 됩니다. 하지만 규모가 크고, 오류없는 프로그램을 만드는 일은 어렵기 때문에 이런 작업을 도와주는 수 많은 개발도구들이 있습니다. 

학습방법

개발도구는 많습니다. 그렇기 때문에 어떤 것을 공부해야 한다고 특정하는 것은 어렵습니다. 생활코딩에서는 수업을 통해서 각각의 기술에 어울리는 개발도구들을 소개하고 있습니다. 어떤 개발도구가 있는지를 틈틈히 보는 것도 좋구요. 또 수업을 통해서 소개되는 개발도구들을 익히는 것도 좋습니다. 

댓글

댓글 본문
  1. Sansol Park
    개발자 도구에서 숫자를 어떻게 보이게 할 수 있나요?
    크롬 개발자 도구에서 HTML 요소의 위치나 크기 등을 숫자로 확인할 수 있는 기능들이 있습니다. 몇 가지 방법을 알려드리겠습니다.

    Box Model: 크롬 개발자 도구의 Elements 탭에서 특정 요소를 클릭하면 해당 요소의 스타일(패딩, 마진, 보더 등)이 Box Model 형태로 숫자로 표시됩니다. 이 부분에서 요소의 크기와 위치 관련 숫자를 확인할 수 있습니다.

    CSS 스타일 속성: Elements 탭에서 요소를 선택하고, 오른쪽 패널의 Styles 섹션에서 해당 요소에 적용된 CSS 속성들을 확인할 수 있습니다. 여기서 크기, 위치, 패딩, 마진 등의 숫자 값을 확인할 수 있습니다.

    Rulers (눈금자) 활성화: 웹 페이지에서 정확한 위치나 크기를 파악하고 싶다면 크롬의 rulers (눈금자) 기능을 사용할 수 있습니다. 이 기능을 활성화하려면, 개발자 도구의 **Device Mode (Ctrl + Shift + M)**를 켜면 화면 상단에 눈금자가 표시됩니다. 이를 통해 요소의 위치를 픽셀 단위로 확인할 수 있습니다.

    만약 숫자가 잘 보이지 않거나 개발자 도구에서 제대로 정보를 확인하기 어렵다면, 브라우저 버전이나 설정에 따라 문제가 있을 수 있습니다. 크롬을 최신 버전으로 업데이트해보거나, 개발자 도구의 레이아웃을 조정해보세요.

    궁금한 점이 있으면 언제든지 물어봐 주세요!
    대화보기
    • Sansol Park
      1. 어떤 에디터를 사용하나요?
      생활코딩에서는 특정 에디터를 고집하지 않고, 각자의 필요에 따라 자유롭게 선택하도록 안내하고 있습니다. 하지만 동영상을 따라 하면서 사용하기 좋은 대표적인 에디터들을 소개드리겠습니다.

      VS Code (Visual Studio Code): 마이크로소프트에서 개발한 무료 오픈소스 에디터로, 많은 개발자들이 사용하고 있습니다. 확장 기능이 풍부하며, 웹 개발에 특히 유용합니다. 생활코딩 수업에서도 자주 사용됩니다.

      Sublime Text: 가벼우면서도 강력한 텍스트 에디터로, 다양한 프로그래밍 언어를 지원하며 빠른 속도와 간결한 인터페이스가 특징입니다.

      이 외에도 많은 에디터들이 있지만, 위의 에디터들은 모두 무료로 사용 가능하고 다양한 기능들을 제공하기 때문에 웹 개발을 시작하기에 매우 적합합니다.
      대화보기
      • Kim Ray
        editor 를 무었을 쓰나요?
        동영상을 따라 해보려는데 editor 에서 막히네요.
      • 호야
        개발자도구에서 숫자 보이게 할 방법을 아르키 달란 말입니다.
      • 박성호 벨멩 : 호야
        개발자도구에 숫자 우째 보이게 할 수 없나용?
      • hazz
        개발도구를 탐구해 봅쉬다~!
      graphittie 자세히 보기