자기소개 페이지
-
[TIL] 자기소개 페이지 Chapter 3. 모달창 만들기Develope/Assignment 2020. 5. 7. 16:25
1. 시작 ◎ 현재 많은 애플리케이션에 사용되는 모달을 만들어 보고 싶었다. 스터디 기간에 만들었던 자기소개 페이지에 my resume 버튼을 클릭하면 이력서 미리 보기 모달이 나오게 구현해보았다. 2. 레이아웃 정말 간단히 만든 레이아웃이다. 나중에 더 제대로 구현할 생각이다. 문득 모달을 만들어보고 바로 구현해본 거라 없어 보일 수 있다. 레이아웃을 먼저 구성한 후 css를 입혀보았다. css를 입히고 나름 모달 처럼 나왔다. 하지만 시작부터 모달이 나오는 문제가 발생하였다. 모달은 어떠한 클릭이벤트가 걸리면 나오기 때문이다. 이제 코드를 보면서 해결책을 봐보자. 3. 코드 ◎ html code my resume 안녕하세요 이력서 미리보기 모달창 닫기 .section_link class를 가진 div..
-
[Study] 자기소개 페이지 Chapter 2.Develope/Assignment 2020. 3. 27. 00:33
시점은 3.25(수요일) 일에 진행했던 이야기이다. ▶Code convention. 코드는 전체적으로 통일성을 지켜야 하며, 다른 사람이 보기 쉬운 코드가 좋은 코드다. 1. 시작 ◎ 자 이제 시작이야~ 전체 수정~ 화요일에 했던 코드를 전체 수정할 계획이었다. 막막했다.. 내일이 발표인데.. 아침 스탠드업을 끝나고 다시 템플릿을 찾기 시작했다. 템플릿을 하기 전 고려해야 할 점을 정리하였다. 자기소개 페이지는 보기 쉽게 구현해야 한다..(다른 사람들이 보기에 편해야 하며, 지나치게 화려하거나 많은 기능들이 있으면 오히려 독이 될 수 있다. 물론 내 생각이다.) 레이아웃 구성과 알맞은 css 사용 전체적인 통일감.(색, 폰트 등 통일성 있게 구현하기.) 카테고리를 어떻게 나눌지에 대한 고민 웹 접근성과 ..
-
[Study] 자기소개 페이지 Chapter 1.Develope/Assignment 2020. 3. 26. 22:21
화요일(3.24)에 시작했던 자기소개 페이지를 하면서 느낀 점을 좀 뒤늦게 작성한다. (친구들과 약속도 있었고.. 나름 바빠서..? 물론 핑계다.) ▶ 기획의 중요성! 기획을 제대로 안 하면 결국 제 자리 걸음. 더 악화될 경우 작업 전체 수정 1. 시작 ◎ 자기소개 페이지를 어떤 식으로 구현할지 고민을 많이 했다. 스터디를 시작하고 처음으로 발표를 해야 하는 과제이기 때문에 완성도 높은 페이지를 구현하고 싶었다. 노트에다 어떤 식으로 디자인을 하고, 어떠한 기능들이 있으며, 구조를 어떤 식으로 해야 할지 직접 그려보았다. 하지만.. 역시 디자인과 그림은 부족하다.. 너무 엉망이었다. 그래서 스케치 앱을 찾아봤는데 유료 스케치 앱과 무료로 며칠 쓰는 거밖에 없었기 때문에 방법을 바꿨다. 자기소개 페이지 ..