부스트코스

부스트코스 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의 이름 통..

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

프로젝트 구현 영상 구현하는데 생각보다 더 오래걸린 프로젝트, 그래서 pass후 더욱더 기분이 좋았던 프로젝트 이다. (서로의 원활한 학습을 위해 부스트코스 프로젝트에 관한 블로그 포스팅 에는 일체의 어떠한 소스코드도 공유를 하지 않습니다, 중간중간 나오는 개념들은 따로 자세하게 포스팅할 예정입니다.) 0.전체적인 흐름 전체적인 흐름을 알고 들어가는것과 들어가지 않는것은 상당히 다르다. 무작정 손에 잡히는대로 초반에 이 프로젝트를 구현하려다가 도저히 진척이 안나서 흐름을 잡고 들어가자 보이지 않던것이 보이게 되었다. 간략하게라도 이 클래스는 무슨 목적에 무슨 함수를 사용하여 구성되는지를 파악하고 가야 필자와 같은 경험을 하지 않을 것이다. 1.백엔드 구성 처음으로 spring 프레임워크를 이용하여 백엔드..