1. 작업 시간 : 55분 2. 작업물 : css 레이아웃 작업 밑작업을 다 끝낸 모습 "Go full page" 확장 프로그램을 사용해서 그런가 헤더와 섹션 부분쪽이 잘렸다. 다음번에는 github page를 뒤늦게 알게 됬으니 최소한 마지막 보고서에는 url 로 대체를 하겠다. float으로 작업할 수 있었지만 아직 익숙하지않은 display:flex 기법을 이용해서 레이아웃의 틀을 맞췄다. 익숙(?) 해지려는 연습을 하려고 일부러 사용했다. 쓰다보니까 float을 쓸 때보다 너무 편해서 이게 맞나.. 싶은 생각이 많이 들었다. 3. 다음 계획 : css의 밑작업만 끝낸 것 뿐 사진상으로는 확인할 수가 없다. background-color 라던가 section 마다 경계선을 긋는 다던가 다음번엔 세세..
1. 작업 시간 : 56분 2. 작업물 : 레이아웃 css를 다 짜려고 했는데 뭔가 마음에 안들어서 지우고 다시 쓰는 데 시간이 많이 들었고, 결국 header만 작성 했다. Flex 기법을 사용했던 곳에 직접 조율이 힘들어서 float으로 바꿧다가 나중에 요소가 추가되면 수정하기 쉽게 다시 flex로 바꿧다가 겨우 그작업만 했는데 시간을 다써버렸다. 아래는 header만 작성된 결과물이다. 나머지 section 과 footer는 display:none을 박아 헤더에만 집중하기 좋게 감춰둿다. 위의 검색 창은 naver쪽 검색을 참고했다. form태그의 action속성과 input 태그의 name값 query, button태그의 type=submit 을 활용해 적은 것이다. input태그의 name값을 ..
1일차에 이어 웹사이트 만들기 2일차 째, 역시나 사전 준비가 부족했던지 HTML 작성은 시간을 얼마 잡아먹지 않았지만 어떤 레이아웃으로 짜고 어떤 태그를 넣을지 머릿속에서 바로 바로 나오지 않아서 오래 걸렸다. 1. 작업 시간 : 1시간 22분 ( 82분) 필요한 것들을 만들거나 까먹었던 태그들을 검색하는데 소요한 시간이 60분정도 된 것 같다.. (그래도 완벽 파악 x) 2. 작업물 : https://github.com/pangkurr/palkong/tree/master/project/animal 제 깃허브 주소입니다.. 작업물은 항상 여기에 저장해 놓을 예정입니다. 2일차는 HTML markup을 중심으로 만들어 봤는데 도중에 마음에 안들어서 몇몇 요소들을 바꾸느라 좀 오래 걸린 것 같습니다. (오..
무작정 웹 메인 사이트 만들기 2일차 째 포토샵도 안깔려있고 ppt로 간단하게 레이아웃을 짜봤다. 주제를 미리 정하지 않아서 주제선정과 어떤 템플릿을 참고할지에 대해 시간이 많이 걸렸다.. 주제 머할까 하다가 개를 키우고 있어서 겸사겸사 개 관련 페이지를 만들기로 했다. 1. 작업 시간 : 1시간 40분 (100분) 2. 작업물 : 주제선정, 템플릿 둘러보기 ,레이아웃 짜기 템플릿은 핀터레스트(pinterest)에서 레이아웃을 참고하였다. 여러 사이트에서 각가지의 템플릿들이 모여있는 사이트이다. 참고한 레이아웃을 바탕으로 틀을 만들어 보았다. 프로그램은 PowerPoint 를 사용했다. 작업에 쓰일 사진을 고르는데에도 시간이 많이 들은 것 같다. (선택장애 ㅠㅠ) 저작권 걱정없는 무료 이미지는 펙셀즈(p..
1. 작업 시간 : 30분 남짓 2. 작업물 : vscode git 연결 및 오류 잡기 2022.08.23 - [IT/VScode] - VScode git github 연결하기 VScode git github 연결하기 간단하게 vscode와 git, github를 연결해서 편하게 코드 작성하시기 바랍니다. (저도 이번에 처음 연결한 거라 틀린 부분이 있을 수도 있습니다 ㅎㅎ.. 피드백은 환영) 연결하기 전에 준비물이 필요합 palkong.com 터미널에서 "git push origin master" 명령어를 사용하여 github에 있는 repositories 에 작업한 것을 등록하려고 했다. 위와 같이 오류메세지가 나왔지만 git을 잘 몰랐던 나머지 등록된줄 알고 repositories 에 들어가봤지만 ..