사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 21일 1. JavaScript - FE JavaScript의 함수 참고자료: Functions - JavaScript | MDN "JavaScript를 잘 이해한다" === "JavaScript 함수를 잘 이해한다" 함수: 매개변수에 해당하는 인자(argument)를 받아 실행됨 매개변수와 인자의 갯수가 반드시 동일하지 않아도 됨 매개변수 > 인자: 인자가 없는 매개변수의 값은 undefine가 됨 매개변수 < 인자: 여분의 인자는 무시됨 함수를 선언하는 두 가지 방법 함수 선언문: 일반적인 선언 방법 형태: function 함수명(매개변수) { 함수 호출 시 실행 코드 } 함수표현식: 변수에..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 2, DB 연결 웹 앱 학습일: 2020년 3월 19일, 20일 0. 소개 기본 개념 서비스의 구조가 단순하더라도 백엔드 관련 배경지식은 상당히 많이 필요 데이터: 웹사이트에 표시되는 내용 데이터베이스: 데이터를 관리하는 데 필요한 프로그램 JDBC: Java에서 데이터를 쓰고, 읽고, 수정, 삭제하는 데 쓰이는 프로그램 부스트코스에선 MySQL 데이터베이스, Spring JDBC를 이용 FE(Front End)의 Key Point JavaScript: 웹 화면의 다양한 요소를 움직이는 데 쓰이는 프로그래밍 언어 DOM, 이벤트, 서버와 통신하는 Ajax BE(Back End)의 Key Point JSP Servlet과 쓰는 방법이 다르지만,..

사이트: edwith 강의: [부스트코스] 웹 프로그래밍 챕터 1, 웹 프로그래밍 기초 학습일: 2020년 2월 28일, 29일 2. HTML - FE HTML 태그 다양한 종류가 있으며, 각 쓰임새에 맞게 쓰는 것이 권장됨 쓰임새에 맞게 HTML 태그를 작성하는 것을 '의미론적(Semantic)'이라고 함 HTML 레이아웃 태그 레이아웃: HTML 화면의 기본적 구성 요소 예시) 상단(header), 하단(footer), 내비게이션 바(nav) 등 header, footer 등은 쓰임새가 이름에 드러나있을 뿐, 실질적으론 div와 동일하게 block element로 간주됨 HTML 본문의 경우 브라우저 호환성을 고려해야 하므로 PC와 Mobile에서의 작성 방식이 다소 다름 PC: 브라우저 호환성 이슈..