목록HTML (3)

072DATA

개인 프로젝트 - 간단한 영화 정보 검색 사이트 만들기 (HTML, CSS, JavaScript, TMDB API)

안녕오늘은 캠프에서 개인과제( 개인 프로젝트 )로영화 정보 검색 사이트를 만들어 본 과정을 작성해 보겠습니다.개발 환경Visual Studio CodeGithub사용 기술     프론트엔드JavascriptHtml/Css 외부 API TMDB API주요 기능영화 검색영화 ID값 가져오기페이지 디자인     먼저 구조는 네비게이션바와 영화 리스트 두개의 div로 나누었습니다전체적인 분위기와 색상은 왓챠를 고려해서 비슷한 색감으로 디자인 했습니다.  네비게이션 바에서 왼쪽 상단 로고와 검색창을 같은 div로 묶고로그인/회원가입 버튼도 다른 div에 묶어서  display: flex; flex-wrap: inherit; align-items: center; justify-content: ..
FrontEnd/HTML, CSS, JavaScript 2024. 7. 25. 19:05
나만의 추억 앨범 만들기 - 페이지 디자인편(Bootstrap, HTML, CSS)

안녕저는 이제 추억 앨범을 만들어 볼건데 오늘은 디자인 위주로 작성해 보겠습니다. 사실 이미 진행한 프로젝트이지만 제대로 기록하기 위해 블로그에 남겨볼까 합니다.    먼저 보면 좋은 BootStrap 활용편 링크 https://0723-0725.tistory.com/22 BootStrap을 활용하여 페이지 구성하기안녕 오늘은 CSS,HTML 및 BootStrap을 활용하여 페이지를 구성해 볼 것이다.먼저 구성할 페이지는 맛집 소개 페이지이며 JavaScript를 사용하지 않았기 때문에 기능 구현은 되어있지 않다.     초0723-0725.tistory.com시작  나만의 추억앨범 추억 저장하기      먼저 HTML의 구조를 만들고 부트 스트랩의 링크 및 폰트..
FrontEnd/HTML, CSS, JavaScript 2024. 7. 19. 21:54
BootStrap을 활용하여 페이지 구성하기

안녕 오늘은 CSS,HTML 및 BootStrap을 활용하여 페이지를 구성해 볼 것이다.먼저 구성할 페이지는 맛집 소개 페이지이며 JavaScript를 사용하지 않았기 때문에 기능 구현은 되어있지 않다.     초기구성 Header와 Footer 사이에 부트스트랩을 사용하여  좌측에 있는인풋 박스를 포함한 배경 이미지를 배치할 계획이며또 각 음식에 대한 후기가 기록된 카드들을 넣어줄 것이다.        BootStrap - Jumbotron  부트스트랩 Jumbotron 링크 -https://getbootstrap.com/docs/5.3/examples/jumbotron/ Jumbotron example · Bootstrap v5.3Add borders Or, keep it light and add a..
FrontEnd/HTML, CSS, JavaScript 2024. 7. 17. 15:59
이전 Prev 1 Next 다음