뉴스 피드 과제 프론트 기초 다지기 본캠프 TIL 12/27

기본적인 API들은 모두 구성되었고 이제 프론트를 만들기 위한 기초를 다지는 과정이다.

 

먼저 index.html파일을 만들어서 ! 를 사용하여 기본 세팅을 진행하고 pico를 사용하기 위하여 pico와도 연결하였다.

pico란 html을 만들때 도움을 주는 css를 지원하는 패키지이다

기본적인 빠른 상용법으로는 npm을 통하여 다운받거나 cdn을 연결하여 사용할 수 있다.

예를 들어

이런식으로 pico을 사용하면 아래 코드만 입력해도 저런 자연스럽게 입력박스가 나타나게 된다 !

일단 프론트는 해본 적도 많이 없고 정보가 없는 상태라 기본적으로 이런 식으로 사용할거다! 라는 의미로 간단하게 완성한 초안이다 여기에 여러가지 기능들과 테마들을 더 추가해볼 생각이다. 

 

그리고 여러가지 html을 서로 어떤 방식으로 연결하는지에 대하여도 학습하였는데

이런식으로 <a> 안에 href와 내가 사용할 위치에 있는 html을 집어넣으면 버튼을 클릭시 해당 html로 이동이 되는 기능도 알게 되었다.

 

나는 프로필 html을 맡았는데 주말 동안 젭에 출석하여 만들어볼 예정이다!