Tasha's devlog

// 노마드 코더의 코코아톡 클론 챌린지// 4월 1일에 2주간의 챌린지가 끝났고, 비록 베스트 챌린지로는 못 뽑혔지만, PLAVE-Talk을 만들면서 너무 재밌게 했기 때문에 나는 만족한다. 사실 딱히 최종 프젝으로 만들고 싶던 게 없었는데.. 친구에게 버블 찍먹을 시켜준다는 일념으로 ㅎㅎ 해봤다. 플리라면 알 수 있는 것들을 이모조모 넣어봤고, JS없이 CSS 수업이었기 때문에 기능들은 없다. 강의를 들으면서.. ㅎ momentum의 css를 얼마나.. 되는 대로 만들었는지 느꼈고,, 특히 너무 코드가 더러워서.. 다시 정리해야 한다는 생각만 하고 있다.. (미루고 미뤘지만.. 이젠 해야지.. ㅎ) 토이 프젝으로 기능도 넣어볼까 고민중이닿ㅎ 너무.. 덕질을 세상에 외치는 것 같긴 하지만, 재밌고 즐거..

// 노마드 코더의 코코아톡 클론코딩 듣는 중 ... 계속 헷갈려서.. 별 수가 없음.. ㅎ // inline-block 문제 //flex // fixed //이러면 display: flex가 있어도 깨지지 않아고 배열이 그대로 나타남. // absolute, relative

//노마드 코더의 코코아톡 클론코딩 듣는 중// //reset.css 기본 css 디폴트 값을 없애기 위해서 사용 따로 파일을 만들고., @import해서 사용할 것. https://meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post,..

//노마드 코더의 코코아톡 클론코딩 듣는 중// /* transition: 어떤 상태에서 다른 상태로의 "변화"를 애니메이션으로 만드는 방법 바꿀 거는 무조건 state에 명시가 되어 있어야 함 트랜지션은 무조건 상태가 없는 곳에 써야 함 */ a { color: white; background-color: tomato; text-decoration: none; padding: 3px 5px; border-radius: 5px; font-size: 20px; transition: all 1s ease-in-out; /* transition: background-color 10s ease-in-out, color 5s ease-in-out; 걍 변하는 모든 것들을 한번에 all이라고 쓸 수 있음 - eas..