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. 작업 시간 :34분 2. 작업물 : css 애니메이션 적용 및 text-shadow 적용 3. 다음 계획 : 이번에 부족한 것을 바탕으로 새로이 처음부터 기획해볼 생각이다.
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 에 들어가봤지만 ..
HTML 부터 시작해서 CSS.. jQuery.. Javascript 까지 공부한지 약 1달하고 조금 지났다. 기억이 가물가물해진 HTML,CSS를 복습할겸 간단한 웹사이트를 만들까 한다. 웹사이트 제작 Goal 1.잘 안써봣던 태그들로 만들기 예) iframe, picture, form, table 등등 2. 거의 사용안해본 css 적용하기 예) box-shadow, text-shadow, @keyframe, animation 등등 3. 반응형은 간단하게 4. 제작 기간 지키기 - 하루 최대 2시간, 총합 12시간 이내로(최소 6일) 계획 git(+github) 과 vscode 연결 --> vscode에 과정 포스팅 예정 하루 작업물을 commit 하기 위해 연동먼저 시켜줘야 할 것같다. 어떤 아이디어..
