웹프로젝트4

부스트코스 4. 웹 앱 개발[프로젝트 4-2]

프로젝트 구현 영상 아래의 정보들은 후에 하나의 페이지로 자세하게 풀어낼 예정입니다. 이 페이지에서는 프로젝트 사용한 범위내에서의 정보만 코드 없이 개념만 설명하고 넘어가겠습니다. (잘못 설명된 개념이 있으면 언제든지 알려주세요~~!!) 1. jquery 라이브러리 우리가 보는 브라우저는 Html을 Dom(Document Object Model) tree형태로 저장을 합니다. 텍스트 문서로 되어있는 웹문서를 렌더링 엔진이 파싱하여 브라우저가 이해할수 있는 형태로 구조로 구성을 하여야 하는데 이때의 구조가 DOM이고 이 DOM은 tree의 형태를 가진다. 즉 우리가 봐왔던 head,body,p,a 모든 태그들은 객체가 되어 저장이 된다. 이렇게 저장이 되어있는 객체들을 javascript의 method들을..

부스트코스 4.웹 앱 개발[프로젝트 4-1]

네번째 프로젝트에서 학습하는 내용은 백엔드 부분은 없었고 프론트 엔드 부분만 수강을 하게 된다. 프론트 엔드 부분의 경우 본격적인 js 라이브러리 사용에 대해 배우게 된다. jquery와 handlebar 라이브러리가 있는데 javascript 에 친숙한 유저라면 큰 어려움없이 사용할수 있을것이다. 이제 본격적으로 프로젝트에서 수강한 내용에 대해 알아보자. 이번 프로젝트 에서는 프로젝트3에서 클라이언트에게 보여줬던 각각의 공연에 대한 상세 페이지를 구현하는것이 주 목적이다. 상세 페이지에서 요구하는 정보들이 많아 적게는 두개 많개는 네개까지의 테이블들을 결합하고 알맞는 정보를 가져와야 한다. 이때 주의해야 할점은 정보를 불러올시 입력 해야하는 부분을 통일하기 sql문을 통해 불러온 column의 이름 통..