본문 바로가기

웹프로젝트42

부스트코스 4. 웹 앱 개발[프로젝트 4-2] 프로젝트 구현 영상 아래의 정보들은 후에 하나의 페이지로 자세하게 풀어낼 예정입니다. 이 페이지에서는 프로젝트 사용한 범위내에서의 정보만 코드 없이 개념만 설명하고 넘어가겠습니다. (잘못 설명된 개념이 있으면 언제든지 알려주세요~~!!) 1. jquery 라이브러리 우리가 보는 브라우저는 Html을 Dom(Document Object Model) tree형태로 저장을 합니다. 텍스트 문서로 되어있는 웹문서를 렌더링 엔진이 파싱하여 브라우저가 이해할수 있는 형태로 구조로 구성을 하여야 하는데 이때의 구조가 DOM이고 이 DOM은 tree의 형태를 가진다. 즉 우리가 봐왔던 head,body,p,a 모든 태그들은 객체가 되어 저장이 된다. 이렇게 저장이 되어있는 객체들을 javascript의 method들을.. 2019. 8. 28.
부스트코스 4.웹 앱 개발[프로젝트 4-1] 네번째 프로젝트에서 학습하는 내용은 백엔드 부분은 없었고 프론트 엔드 부분만 수강을 하게 된다. 프론트 엔드 부분의 경우 본격적인 js 라이브러리 사용에 대해 배우게 된다. jquery와 handlebar 라이브러리가 있는데 javascript 에 친숙한 유저라면 큰 어려움없이 사용할수 있을것이다. 이제 본격적으로 프로젝트에서 수강한 내용에 대해 알아보자. 이번 프로젝트 에서는 프로젝트3에서 클라이언트에게 보여줬던 각각의 공연에 대한 상세 페이지를 구현하는것이 주 목적이다. 상세 페이지에서 요구하는 정보들이 많아 적게는 두개 많개는 네개까지의 테이블들을 결합하고 알맞는 정보를 가져와야 한다. 이때 주의해야 할점은 정보를 불러올시 입력 해야하는 부분을 통일하기 sql문을 통해 불러온 column의 이름 통.. 2019. 8. 20.