html 4

[포스코x코딩온] 1차 프로젝트 회고록

🪙 todays-account-book 프로젝트 소개 1인 가구를 위한 가계부 ✍ 프로젝트에서 담당한 기능 start page 떨어지는 동전 animate.style transform: translate(), rotate(), skew() 사용 animation-duration으로 동전마다 시간 조절 main 사용 설명서 sweetalert2 사용자의 여러 가지 경우 생각 -> then if문 반복 => 피드백 : 이 아니라 함수 사용을 했어야 했다. 다른 팀원께서 강사님께 질문했다가 피드백을 받은 부분이었다. 사용자가 사용 설명서를 읽을 경우 / 읽지 않을 경우 / 읽다가 중간에 닫을 경우를 생각하여 close 버튼과 다음 버튼으로 구성 하였다. 맞춤형 생활 정보 swiper slider 사용 cove..

[포스코x코딩온] 1차 프로젝트 중간 점검🔥 (feat.중간 점검까지 프로젝트 회고록)

03/17 팀 배정 강사님께서 배정해 주신 팀으로 팀을 배정받았다. 어색한 공기가 흐르는 정적을 깨고 자기소개를 하고, 팀원 간 간단한 인사를 주고받았다. 이렇게 어색해 죽겠는데 팀이름을 정하라는 말씀에 팀 이름까지 정하고 팀장님을 뽑았다. 깃 레포지토리 깃에서 팀 레포지토리를 만들고 팀원들 각 개인의 브랜치에서 pull/add/commit/push 하는 과정을 익혔다. 25일 (토) 2시 발표 누가 거짓말이라고 좀 해줬으면 좋겠는 심정이었다. 일주일 만에 모든 것을 끝내야 하는 프로젝트라 아무 생각이 들지 않았다. 03/18 계획서 작성 - 기획 시작, 팀 역할 분배, 레이아웃 구성 -> 자세한 구현은 개발하면서 수정 밥 먹기 전까지 계획서 다 제출하는 게 오늘의 반이었다. 팀원 모두 적극적으로 의견을..

[포스코X코딩온] HTML_02 <table> 태그 & Semantic

🙈 주절주절 테이블 하니까 급식 먹던 시절, 스터디 플래너에 있는 타임 테이블이 기억이 났다. 공부보다 10분 간격에 색만 칠하던 그때가;) 테이블 생성 표를 만들 때 사용하는 태그입니다. 과거에는 테이블을 사용하여 레이아웃을 구성했지만, 기능 상의 한계로 인하여 최근에는 공간 분할 태그인 태그를 사용합니다. 부모 태그로 행을 작성한 후 자식 요소로 칸을 작성해주는 식으로 사용합니다. : 표를 감싸는 태그 : 표 내부의 행 : 표 내부의 제목 칸, 굵은 글씨 : 행 내부의 일반 칸 메뉴 종류 가격 추가 떡볶이 분식 4,000 치즈 추가 가능 고구마 튀김 튀김 3,000 (기본 2개) 새우 튀김 튀김 3,000 (기본 2개) 치킨덮밥 덮밥 4,500 소스 추가 가능 HTML 삽입 미리보기할 수 없는 소스 ..

[포스코X코딩온] HTML_01 구조 설명 & tag

🙈 들어가기 전 정말 아무것도 모른다는 생각으로 KDT 웹 6기 수업의 회고록 + 공부 기록을 남겨보려고 한다. 매일 하면 좋겠지만,,, "이런 것까지 적어둔다고?" 라는 생각이 들 수도 있기에 깔끔하고 간단한 글이 될 것 같지는 않다 HTML : 뼈대 텍스트, 이미지, 입력창 등 웹에서 보이는 요소(Element)를 정의한다. CSS : 디자인 HTML에서 정의된 요소에 디자인(색, 간격, 크기 등)을 부여한다. JS : 웹의 모든 동작을 처리 버튼을 누르거나 서버와 통신할 때 등의 동작처리한다. HTML 구조 설명 Hello world Hi HTML 문서는 반드시 로 시작하여 문서 형식을 HTML5로 지정해줍니다. 2번 라인부터는 과 사이에 실질적으로 문서에 필요한 정보들이 작성됩니다. 사이에는 태그..