나보단 잘하자

배운점 배웠다기 보다는, 오늘은 실전 페이지 작업을 하였기 때문에 아래와 같은 클론코딩을 하였다. 구현하지 못한 것: - sold out 오버레이 화면 구현 - 반응형 마크업은 여기까지 클론 하였고 위의 것만 구현하면 된다. 자바스크립트로 기능을 넣는 중이다. 이러다 마크업 천재가 되는건 아닐까 라고 매번 생각하지만 매번 꼬이긴 마찬가지다. 그래도 어떻게 해결은 되고, 왜 이게 꼬이는지 알기 때문에 html css도 프로그래밍 언어로 인정해줘라!!!!!!!!!!!!!!(재밌다는 뜻) 어려웠던 것은 항상 그렇듯, 처음 그리드를 어떻게 짜야할지이다. 이를 다 짜고 머릿속으로 좀 굴리다보면 답은 빨리 나온다. 그리고 오히려 피그마를 보면서 디자인하는게 쉬운 일 이라는걸 깨달았다. 다 정해져 있기 때문에 사이즈..

문제 https://programmers.co.kr/learn/courses/30/lessons/81301 코딩테스트 연습 - 숫자 문자열과 영단어 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자 programmers.co.kr 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자릿수를 영단어로 바꾸는 예시입니다. 1478 → "one4seveneight" 234567 → "23four5six7" 10203 → "1zerotwozero3" 이..

느낀점 - 어제까지 많이 힘들었는데 오늘 또 나아졌다. 오늘은 유튜버 조코딩님께서 강의를 하셨다. 소통도 굳이시고 실력도 좋으시고 제작부터 배포까지 하루만에 뚝딱 만들었다. 그러나 해당 내용들이 아쉽게도 내가 다 경험하고 있던 것 이라... 클론코딩을 열심히 하였다.(죄송합니다) 배운점 - lang 속성을 읽고 브라우저가 읽고 번역 푸시알림을 주는 것이다. - reset css 등 css link들은 제일 하단이 주 스타일 링크여야 한다. 위에서 아래 순서대로 중요도가 있기 때문이다. - 시멘틱 마크업은 모든 태그에는 의미가 있는 웹을 만드는 것. - 속성 값 뒤에 !important를 붙인 속성, html에서 style을 직접 지정한 속성, #id로 지정한 속성, .클래스, :추상클래스로 지정한 속성 ..

느낀점 - css는 배우면 배울 수록 너무너무 어렵다. 더 심각한건 내가 1년동안이나 공부했는데 아직도 이걸 몰라? 라는 생각이 자꾸 든다는 것 이다. 주변에는 취업했다는 말들이 오고가고 난 그대로인 것 같고 모든 취준생들의 고민이겠지만 오늘은 유난히 더 불안하다. 혼자 이겨내야지 뭐 어쩌겠어. 멘탈싸움이다. 이런 생각 해서 뭐할건데? - 그리드의 구분선은 1부터 시작한다. - perspective는 원근감을 조절하기 대문에 z축과는 개념이 다르다. - transform 되는 순간 z-index가 무시된다. after과 before는 element의 위에 있다. 이를 해결하기 위해서는 위로 올라가는 그 시점에 아래로 내리는 트릭을 이용하자! - width min()은 둘 중에 작은 것을 사용한다. - 직..