NGMsoftware

NGMsoftware
로그인 회원가입
  • 매뉴얼
  • 학습
  • 매뉴얼

    학습


    Web 크롬 F12 - 개발자 도구

    페이지 정보

    본문

    안녕하세요. 엔지엠소프트웨어입니다. 처음 웹 개발에 입문한 뉴비 코더라면~ 웹 프로젝트를 어떻게 개발해야 할지 난감할겁니다. 옆에서 선임이 현란하게 타이핑하면서 광코딩하고 있다면 멋있어 보이기도 합니다. 물론~ 웹개발에 대한 몇가지만 알면 누구나 다 멋있어 보일 수 있습니다. MSA니 모놀리식(Monolithic)이니 헥사고날 아키텍쳐와 같은 머리아프고 전문적인 내용은 위에서 처리하라고 하고, 저같은 코더는 코딩만 열심히 하면 될거 같습니다.

    wekEvJC.jpg

     

     

    웹 개발할 때 보통은 크롬을 기준으로 개발을 시작합니다. 그리고, 크롬의 개발자 도구(F12)를 사용해서 웹팩에 연결하고, 디버깅 및 트레이스를 진행하면서 개발합니다. 물론, 저처럼 매크로 프로그램을 전문적으로 다루는 입장에서도 크롬 개발자 도구는 매우 유용한 도구입니다. nodejs 위에 angular나 react를 사용한다면 웹팩을 기본적으로 사용하는걸로 설정됩니다. 그러면, 런타임에 코드를 크롬의 개발자 도구에서 확인할 수 있습니다. 실제로 앵귤러나 리액트 프로젝트를 만들고, 디버깅 테스트를 해보면 좋을거 같은데요. 시간될 때 샘플 프로젝트를 하나 만들어서 다시 한번 다뤄보도록 하겠습니다.

     

    개발자에게 후원하기

    MGtdv7r.png

     

    추천, 구독, 홍보 꼭~ 부탁드립니다.

    여러분의 후원이 빠른 귀농을 가능하게 해줍니다~ 답답한 도시를 벗어나 귀농하고 싶은 개발자~

    감사합니다~

    • 네이버 공유하기
    • 페이스북 공유하기
    • 트위터 공유하기
    • 카카오스토리 공유하기
    추천0 비추천0

    댓글목록

    등록된 댓글이 없습니다.