프론트엔드 개발 입문 (4) 썸네일형 리스트형 자바스크립트 공부하기 좋은 사이트, 꼭 알아야 할 것들 프론트엔드 개발자가 되기 위해서는 선택의 여지가 없습니다. 무조건 자바스크립트를 마스터해야 합니다. 실무에서 자바스크립트만으로 개발할 일은 거의 없겠지만 단언컨대 자바스크립트를 어설프게 알고서는 React나 Vue를 잘할 수 없습니다. 다행히 자바스크립트를 공부할 수 있는 자료들은 많습니다. 굳이 책을 사지 않더라도 웹 상에서 좋은 강의들을 찾아볼 수 있습니다. 제가 과거로 다시 돌아가서 프론트엔드 개발자를 준비한다면 다음 사이트들을 눈여겨볼 겁니다. 자바스크립트를 공부하기 위한 웹 사이트 1. 생활코딩 우리 나라의 개발자라면 누구나 알고 있는 사이트입니다. 처음 시작하는 사람의 눈높이에서 기초부터 차근차근 알려주기 때문에 개발 입문 영상으로 제격입니다. Web 카테고리에서 HTML, CSS, JavaS.. 웹 페이지를 HTML 태그로 만드는 방법 기초 웹 페이지는 크롬과 같은 브라우저에서 열 수 있습니다. 브라우저를 이용해서 어떤 사이트에 접속하면 브라우저는 사이트의 URL에 해당하는 .html 파일을 다운 받고 이 파일의 코드(HTML, CSS, JavaScript)를 계산해서 화면에 글자나 이미지를 그려줍니다. 때문에 웹 페이지를 만들려면 HTML 파일이 필요합니다. HTML 파일을 만들어 보겠습니다. 1. HTML 파일 만들기 먼저 적당한 곳에 프로젝트 폴더를 만듭니다. 앞서 설치한 Visual Studio Code로 방금 생성한 프로젝트 폴더를 엽니다. New File 아이콘을 클릭해서 index.html 파일을 만듭니다. 에디터에 !를 입력하고 생기는 팝업의 첫 번째 항목을 선택합니다. 자동으로 HTML 파일의 내용이 채워집니다. 여기서부터 .. 프론트엔드 개발 도구와 설치 방법 프론트엔드 개발을 하려면 코드를 작성할 수 있는 코드 에디터와 Git, NodeJS가 필요합니다. 따로 쓰고 싶은 코드 에디터가 있지 않다면 Visual Studio Code로 시작하시면 됩니다. 1. Visual Studio Code 여기로 들어가서 Download for Windows를 클릭해 설치합니다. Mac 사용자는 Mac 버전을 선택하세요. 2. Git Git은 버전 관리 툴입니다. 코드의 어떤 부분이 수정됐는지를 기록하기 때문에 개발을 진행하다 문제가 발생하더라도 이전 상태로 쉽게 되돌릴 수 있게 해줍니다. 당장에는 Github 서비스를 이용하기 위해서 Git이 필요합니다. Windows에서 Git을 설치하려면 여기로 들어가서 Download for Windows를 클릭하세요. Mac에서는 .. 웹 프론트엔드 개발자 시작하기 안녕하세요. 아기 개발자님! 프론트엔드 개발자가 되기 위한 코스에 잘 오셨습니다. 저는 강남 모회사에서 프론트엔드 개발자로 일하고 있는 아무개라고 합니다. 본 시리즈에서는 프론트엔드 개발자가 되기 위한 방법을 하나부터 열까지 알려드리고자 합니다. 그렇다고 백엔드와 관련된 내용을 아주 다루지 않는 것은 아니니 웹 개발 입문이시라면 한 번 쭉 읽어보시기를 권합니다. 이 시리즈의 목적은 코로나 시대와 급속히 변화하는 사회속에서 개발자로 커리어 전환을 원하는 사람들에게 좋은 튜토리얼을 제공해주는 것입니다. 저의 작은 노력이 누군가에게 팍팍한 삶의 작은 희망이라도 될 수 있었으면 하는 바람으로 시작해보겠습니다! 1. 프론트엔드? 백엔드? 여러분이 웹 개발자에 입문하기로 결정하셨다면 제일 먼저 프론트엔드와 백엔드라.. 이전 1 다음
