2022.08.22 - [project-practice/HTML + CSS] - HTML + CSS 을 사용한 웹 메인사이트 만들기 - Goal, 계획 HTML + CSS 을 사용한 웹 메인사이트 만들기 - Goal, 계획 HTML 부터 시작해서 CSS.. jQuery.. Javascript 까지 공부한지 약 1달하고 조금 지났다. 기억이 가물가물해진 HTML,CSS를 복습할겸 간단한 웹사이트를 만들까 한다. 웹사이트 제작 Goal 1.잘 안써봣던 태그들 palkong.com 2022.08.24 - [project-practice/HTML + CSS] - HTML+CSS 웹 메인 사이트 만들기 - 1일차 보고서 HTML+CSS 웹 메인 사이트 만들기 - 1일차 보고서 1. 작업 시간 : 30분 남짓 2...
1. 작업 결과물: https://pangkurr.github.io/project/ 2. 총 작업 시간 : (30분+100분+82분+56분+55분+34분) = 5시간 57분 3. 문제점 규칙적으로 코딩에 시간을 투자하지 못한 점 (흐름이 끊김) 누굴 위한 정보인지, 어떠한 정보를 줄 것인지 생각지 않고 기획부터 짠 것. 제한된 HTML+CSS 만으로 어떤 UI를 만들지 계획을 하지 않았다. 사용할 줄은 알지만 응용면에서 퀄리티가 낮음. 이미지 크기 문제 (로딩속도가 느려짐) 1페이지 레이아웃에 대한 홈페이지 이해도가 낮음. (어떠한 ui 요소가 주로 있는지 몰랐음). 4. 후기 : 우선 나의 HTML & CSS 능력이 어느 수준인지 파악하는 시간을 가질 수 있었고, 홈페이지를 많이 안본 티가 많이 났던 ..
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을 중심으로 만들어 봤는데 도중에 마음에 안들어서 몇몇 요소들을 바꾸느라 좀 오래 걸린 것 같습니다. (오..
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 에 들어가봤지만 ..
