반응형 💻 1. 웹개발_Front end/1-4 Javascript18 [Javascript] 01-3 자바스크립트 맛보기 예제 간단한 실행문 작성 2021. 9. 5. [Javascript] 01-2 개발 환경 준비하기 크롬 브라우저 개발자 도구 패널 1. Elements : HTML요소에 적용된 스타일(CSS)을 검사할 수 있다. 2. Console : 자바스크립트 오류 체크는 물론 디버깅을 할 수 있다. 3. Source : 브라우저가 자바스크립트 소스를 파싱해오는 과정을 보여줌, Source 패널도 오류체크와 디버깅 가능 * 파싱 : 저장된 값을 원하는 형식의 값으로 가공해 읽어오는 것을 말함 * 디버깅 : 버그(오류)를 검사하고 수정하는 작업을 말함 자바스크립트 편집기 설치 - 편집기 종류로는 에디트플러스, 노트패드++ , 아톰, 서브라임 텍스트, 브라켓, 웹스톰, 비주얼스튜디오코드 등이 있음 [Visual Studio Code] 비주얼 스튜디오 코드 설치 (tistory.com) [Visual Studio Co.. 2021. 9. 5. [Javascript] 01-1 처음 만나는 자바스크립트 현업 프로젝트 개발 순서 1단계 : 개발 의뢰 받기, 기획안 작성 2단계 : 기획안을 토대로 디자이너가 화면에 보여질 UI(User Interface)를 디자인하여 퍼블리셔에게 전달 3단계 : 퍼블리셔가 그 이미지를 보고 HTML와 CSS를 이용해 화면의 모양을 잡아 정적인 웹문서를 완성한다. 4단계 : 완성된 HTML 문서를 백엔드 개발자에게 전달하고 백엔드 개발자는 ASP, PHP, JSP 등 서버언어를 사용하여 화면에 보이지 않는 부분을 개발 * 정적인 웹문서 : 사용자가 어떤 동작을 해도 작동하지 않는 문서 * 프런트엔드 : HTML, CSS, 자바스크립트, 제이쿼리 등을 이용해 사용자의 눈에 보이는 부분까지만 개발하는 것 * 백엔드가 하는 일 : 프런트엔드 개발자가 만든 회원가입 양식 페이지에서.. 2021. 9. 3. 이전 1 2 다음 반응형
