본문 바로가기

Web Programming/FrontEnd2

[프론트엔드/베이직] 리스트 페이지 만들기 두 번째 만들어 볼 페이지는 리스트 페이지 입니다 리스트 페이지라고 정식 이름이 있는 게 아니라 그냥 제품이나 서비스들을 나열할 수 있는 페이지란 의미에서 그렇게 말하는 거니까 없는 말 지어낸다고 기분 나빠하지 마세요 아기사자분들 많이 익숙한 사이트라고 생각되는데 이런 식으로 상품이나 서비스를 나열하고 클릭을 하면 상품의 정보를 볼 수 있도록 해주도록 만들어 볼게요 crud 세션 때 했던 r(read)에 제일 관련된 부분이라고 생각되네요 나중에 create, update, delete와 관련된 페이지도 한 번 같이 만들어 볼게요 우리가 이제 만들어볼 페이지의 기본적인 레이아웃입니다. 기본적인 틀은 첫 번째에 알려드렸던 메인 페이지에서 네비게이션 바와 대문사진, 풋터는 그대로 사용할 거예요 페이지를 만들 .. 2019. 5. 12.
[프론트엔드/베이직] 메인 페이지 만들기 경북대학교 프론트엔드를 공부하는 아기사자 화이팅! 우선은 프론트엔드가 가장 처음으로 만들게 되고 가장 신경 쓰는 메인 페이지를 만들어 볼게요 6기 활동 간에 프론트 엔드를 할 때, 가장 신경 쓰이고 귀찮고 어렵고 불만족스러웠던 게 메인 페이지라고 할 수 있는데 아기사자들은 잘할 거라 생각해요 메인 페이지는 우리가 보통 사이트에 들어갔을 때 가장 처음 보게 되는 페이지입니다. 보통 home.html 또는 index.html로 파일을 명명해줍니다 메인 페이지는 음.. 제공하는 서비스나 아이템에 따라 다르겠지만 보통 1. 네비게이션 바 2. 대문 사진 3. 회사 소개 4. 서비스 소개 5. 풋터(?) 로 구성해요 자 그럼 하나하나 만들어봅시다 1. 네비게이션 바 네비게이션 바는 쉽게 말해서 각 페이지로 갈 수.. 2019. 5. 11.