블로거도 자바스크립트 공부 필요한 이유
저는 전공자가 아니기 때문에, 공부한 것을 기록하는 용도입니다.프로그래머, 전공자 기준이 아닌 오로지 블로그에 필요한 용도를 위한 자바스크립트에 관련된 설명을 앞으로 기록할 예정 입니다. 블로그를 하게되면, 스킨편집을 해야하는 경우가 생기고 , 오류가 나는 경우에 전문가의 도움을 받아야하는 어쩔수 없는 상황이 생깁니다.
이러한 상황들을 방지하기 위해서는 css,html,자바스크립트 총3가지 기본적인 지식을 알고 있으면 매우 많은 도움이 됩니다.
자바스크립트 기본 개념
html과css의 경우에는 이미 많은 블로거들이 알고있지만, 막상 자바스크립트에 대해서는 아는 사람들이 많지 않습니다. 자바스크립트는 내가 사이트를 접속 했을때 무언가 사이트 내에서 제어를 하는것을 의미 합니다.
html은 그 페이지를 구조화한것이고, css는 그 사이트를 이쁘게 꾸미는 존재입니다. 하지만 우리가 사이트를 접속하고 사용할때 간혹 경고창 같은게 뜨고는 합니다. 그러한것들을 제어하기 위해서 자바스크립트를 활용하기도 합니다.
위에 보시면 아시겠지만, html과 html사이에 자바스크립트가 보입니다. 빨간색 네모 표시안에 보이는게 자바스크립트 입니다. <script>alert("Hellow world');<script> 이렇게 적혀있는 뜻은, 버튼을 클릭하면'hellow world'라고 표시가 됩니다.
우리가 블로그 스킨을 만들 때도 단순하게 디자인만 꾸미는게 아니라 목차를 생성하면 이동을 하거나 버튼을 만들어야하는데 그걸 제어하기 위해서 자바스크립트를 활용 합니다.
자바스크립트 공부를 위한 환경설정
위 글씨를 클릭하면 비쥬얼스튜디오 코드 설치가 가능합니다. 무료이며, 많은 사람들이 자바스크립트를 입문할때 사용하는게 비쥬얼스튜디오 코드입니다. 비쥬얼스트디오 코드를 통해서 자바스크립트 기초를 공부할 수있습니다. 이 외에도 유료로 사용할수있는 것들도 있지만, 아직 기초적인 단계에서는 무료를 추천 합니다.
비쥬얼스튜디오 코드를 다운받으면 처음 다운 받은 사람들 대부분은 영어로 나오기 때문에 한글로 설정해주면 편하게 활용할 수있습니다. 왼쪽에 네모처럼 생긴 아이콘을 클릭해 줍니다.
왼쪽에 상단에 korea라고 검색하면 아래 korea language라고 바꿀수있는 플러그인이 나오는데, 저걸 인스톨해주시면 됩니다. 그리고 다시 비쥬얼스튜디오 코드를 재시작 해줍니다.
이후에 폴ㄷ를 작업영역에 폴더추가를 합니다.
폴더의 속성은 모든게 영어로 설정이 되어있어야 오류가 나지 않을 확률이 매우 높다고 합니다. 사용자의 경우에도 한국이름보다는 영어로 미리 설정해주시면 됩니다.
결론
오늘은 자바스크립트의 기본개념과 공부를 하기위한 환경설정을 해보았습니다. 최근에 인프런에서 듣고있는 강의를 정리한 내용들 입니다. 괜찮은 자바스크립트 강의도 따로 포스팅해 드리겠습니다.
