멋쟁이사자처럼 프론트엔드 스쿨 6기 7

6월 28일, HTML/CSS 프로젝트 마지막날

📃 오늘 할 일 📃 코드 최종 수정 Netlify 와 Github를 이용한 배포 🎈 개발 브랜치를 main 브랜치에 병합 main : 게임 돌아가는 서버 dev : 테스트 서버 개인브랜치 : 작업공간 이기 때문에 작업공간 ( 개인브랜치 ex. heeso-footer 등 ) 에서 만든것들을 테스트 서버 ( dev ) 에서 실행해보고 완료되면 게임 돌아가는 서버 ( main ) 에 최종적으로 업데이트를 해준다. 🔽 tailwind 로 보여주신 예시 🔽 + 우리는 input.css 가 없어서 merge 후 commit, push 만 해주었다 git switch main // 메인브랜치로 이동 git merge dev // 데브 브랜치 병합 ls // 확인 시 src 폴더 보임 cd src // src 폴더로 ..

6월 27일 - HTML/CSS 프로젝트 여섯째날

모두들 열심히 해주어서, 특히 나 (?), 오늘 CSS 작성까지 마칠 수 있었다. 오전에는 덜 한 css 작업과 함께 필요한 마크업을 수정하였다. 메인 페이지에 각자가 작업한 페이지들을 연결시킨 뒤, 다같이 화면공유를 하여 디테일한 css 를 수정하였다. 그리고 scss 로 옮기는 작업을 하기 위해 detectvie_2 레포를 모두와 공유하였다. 포크를 떠오면 내 주소만 연결되어 있는 것이여서, 만든 사람의 주소를 연결시켜줘야 한다. 프로젝트를 하며 Git 을 사용하는 방법에 대해서는 50% 정도 익숙해진 것 같은데, 여전히 개념이 탄탄하지 않아 git 으로 안해본 무언가를 하려면 누군가의 도움이 필요하다. git remote -v git remote add 주소 git branch -a git remo..

6월 26일 - HTML/CSS 프로젝트 다섯째

오늘은 월요일! 주말동안 각자 작성해온 코드들을 리뷰했다. 📃 오늘의 목표 📃 팀원들과 코드리뷰 error 잡기 footer css 작성하기 register css 작성하기 📃 실제로 한 것 📃 ✔ 코드리뷰 후 유효성검사 ✔ 에러 수정 ✔ footer css 작성 ✔ 회원가입 페이지 ( register ) css 작성 유효성 검사를 하고 알게 된 것 : span 안에 p 태그 안돼요🙅‍♀️🙅‍♂️, a 안에 div 태그 안돼요🙅‍♀️🙅‍♂️ 그리고 프로젝트 넷째날 기록에 적었던 성별선택 구역과 동의 구역에서 사용했던 label + input 목록 여러개를 하나의 또 다른 label 에 연결시키는 것은 불가능 🤦‍♀️🤦‍♂️하다는 것이었다. HTML 삽입 미리보기할 수 없는 소스 성별 남자 여자 선택안함 ..

6월 25일 - HTML/CSS 프로젝트 넷째날

프로젝트 넷째날, 어제의 회고로 깨달은 목표 구체적으로 짜기! 를 반영하여 작성한.. 📃 오늘의 목표 📃 label, input 태그, 속성값 학습 아이패드로 구조 그리기 회원가입 페이지 마크업하기 css footer 구조 배치하기 📃 실제로 한 것 📃 ✔ input 태그 학습 ✔ 구분선 작성법 ✔ form, fieldset, legend 태그 뜻과 기본 속성값 학습 ✔ 구조 그려보기 ✔ 회원가입 페이지 마크업 🎈관련 태그 학습 구조를 그려보기 전에 불필요한 수정을 최대한 막기 위해 관련 요소들을 학습하였다. 사용해본 적 없는 성별 선택, 생년월일 칸의 예시를 찾아보았다. https://h2s0.tistory.com/9 태그 input 태그는 form 태그 내부에서 사용자의 입력값을 받아오기 위한 형식을..

6월 24일 - HTML/CSS 프로젝트 셋째날

프로젝트 셋째날 ! 주말동안 우리 탐정2조 의 미션은 각자 맡은 부분 마크업 끝내기 ! + css 최대한 완성하기💥💦 팀원들에게 최대한 도움이 되고자 나의 목표는 주말동안 마크업, css 끝내는 것으로 잡았다. 그리하여 작성한 오늘의 목표는 이러하다. 📃 오늘의 목표 📃 footer 마크업 완성하기 회원가입 페이지 마크업 완성하기 웹카페 푸터 살펴보기 회원가입 페이지에 쓸 form - label, input 개념정리 📃 실제로 한 것 📃 ✔ footer 마크업 완성 ✔ 웹카페 푸터 살펴보기 ✔ footer 구조 분석 ✔ 회원가입 페이지 구조 분석 및 페이지 내 form, label, input 태그 살펴보기 ✔ theme.css 작성 비록 footer 작성이 생각보다 너무 오래걸려 회원가입 페이지는 시작..

6월 23일, HTML/CSS 프로젝트 둘째날

📃 오늘 한 것 📃 🎈Git 공동 작업 공간 생성 및 branch 에 대한 이해 https://github.com/h2s0/detective_22 GitHub - h2s0/detective_22: 멋쟁이 사자처럼 프론트엔드 스쿨 6기 프로젝트 2조 - 탐정 2조 작업 공간입 멋쟁이 사자처럼 프론트엔드 스쿨 6기 프로젝트 2조 - 탐정 2조 작업 공간입니다. Contribute to h2s0/detective_22 development by creating an account on GitHub. github.com 총 3개의 브랜치 생성 : main, dev, 개인 branch 개인 branch ➡ dev 후 pull request 를 보내면 확인 후 confirm / reject 하여 dev 폴더에 취합..

6월 22일, 첫 프로젝트 시작 - HTML/CSS

오늘부로 HTML, CSS, 짧지만 강력했던 이틀의 SCSS, 하루의 tailwind 체험까지 학습이 끝난 동시에 HTML, CSS 프로젝트가 시작되었다. 팀원들은 나 포함 총 5명이고, 다들 프로젝트는 처음이라고 하셨다. 내가 끝장나는 실력을 가져서 팀원들을 이끌어 줄 수도 없고, 깃을 만들어서 관리해야한다는 것이 부담되었지만 어쨌든 프로젝트의 조장이 된다는 좋은 경험에서 배울 것도 많다고 생각되어 조장을 맡게 되었다. 오늘은 약 1시간 30분동안 자기소개 시안 고르기 조장 정하기 파트 배분 에 대해 이야기 나누어보았다. 시안은 고정형 웹, 반응형 웹, 모바일 시안 2개로 총 4개였는데, 고정형 웹으로 선택하였다. 나는 고정형 웹을 해보고 싶었는데, 학습하면서 고정형 웹을 안해보고 바로 반응형 실습을 ..