7. WIL 1 주차를 마치며
항해 99 풀스택 프로젝트를 마치며
나의 첫 코딩 프로젝트 호텔스 파르타
12월 9일부터 13일까지 총 4일간(일요일 제외) 준비해온 풀스텍 프로젝트였다 ..
깃헙이용이 익숙치가 않아 헤매느라 진을 다 뺀 기분이었다...
잘만 이용히면 편할 것 같은데 잘 파악이 안된 채 프로젝트를 시작해서 push pull이 아닌 복붙으로 내 파일에 붙여넣기하고..
계속 덮어씌워가며 했다 ㅠㅠ
시간 내서라도 깃헙이용법은 잘 공부해봐야겠다
로컬호스트로 연결했을 땐 너무 잘되던 로그인기능이 배포 후에 안돼서... 다같이 멘붕이 왔다
로그인, 회원가입기능은 초반에 내가 구현하면서 잘 되는걸 몇 번씩 확인했던거라 문제가 될거라고 생각도 못했었다..
100% 성공적인 프로젝트는 아니었지만,
협업을 통해 다같이 이룬 결과이기에 너무 자랑스럽고 뿌듯하다!
후반엔 CSS부분을 많이 손봤는데, 유용할 것 같은 코드들 👇👇
.mytitle >button {
width: 200px;
height: 80px;
background-color: transparent;
border-radius: 50px;
border: 1px solid white;
color: white;
margin-top: 10px;
margin: 20px auto 0px auto;
}
전에 그냥 복붙해서 쓰려고 가져온건데 쓰다보니까 이제 하나씩 뭐가 뭔지 보인다
border는 hover했을 때 조금 더 두꺼워지게 이렇게 해도 괜찮다.
.mytitle > button:hover {
border: 2px solid white;
그리고 저 로그인박스가 원래는 테두리만 있었는데 글씨가 뒷배경이랑 겹쳐서 가독성을 좀 더 높이기 위해
박스 background를 조금 투명도가 낮은 검정배경을 넣고싶었다
opacity로 조정하면 백그라운드 위에 다른 요소들 위에까지 씌워져버려서 한참 검색해본 결과,
rgba라는걸 찾았다!
rgba (0, 0, 0, 0.6) <-검정색 투명도 낮은 색상. 조금 더 연하게하고싶으면 0.5 이렇게 낮추면 됨...
한참 찾았는데 찾고나서 보니
linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))
백그라운드 약간 어둡게하는 코드에도 똑같이 쓰이고었음
흰색은 반대로 rgba(255, 255, 255, 투명도) 그리고 투명도부분없이 세자리만 넣으면 1이 디폴트로 들어가서 opacity100%가 되어버림
첫주차동안 나름 입학시험 열심히 준비하고, 또 열심히 프로젝트하면서 바쁘게 보냈다.
공부하다보니 주변에서 다들 너무 열심히 하셔서 내가 저들의 노력에 해가되진 않을까하는 생각도 든다.
하지만 나는 그렇다고 조급해하지 않고 나는 나의 페이스를 유지하며 잔잔히 포기하지 않고 쭉 갈 것이다.