parameter가 1개면 소괄호를 생략해도 된다output 중괄호를 없애고 바로 return 값을 줄 수 있다

크로스 브라우징 문제로 인해(safari에서는 up-down 화살표라고 함)select박스에 아래 화살표 달아야함.. 부모:after을 이용해야 되는데 어떻게 할까 고민하다가select를 <ol><li>로 감싸기로 했음

좌우로 움직이는 애니메이션

include에서 /를 사용하면, 파일 경로가 절대 경로임을 나타냅니다. 이 경우, 파일 경로는 서버의 파일 시스템을 기준으로 지정됩니다.반면에, href에서 /를 사용하면, 경로가 웹 사이트의 루트 디렉터리를 기준으로 지정됩니다. 이 경우, 파일 경로는 웹 사이트의

dot 스핀 건반물결

부모 div에 높이만 주고내리갈굼으로 자식에게 % 매겨주기

coin flip animation code

여기서 부모에 flex를 주면 (자동으로 flex-direction:row;) 자식은 div width가 쫘악 contents 크기로 붙음

div가 있을 때... border 늘리면 바깥쪽으로 커짐.div는 가로,세로는 바깥쪽 border까지의 길이 width와 height는 안쪽 padding까지의 길이(padding 제외)background-color는 안쪽 border까지(padding 포함)marg

https://velog.io/@01210210/Visual-Studio-Code-Prettier-%EC%A0%81%EC%9A%A9-%EC%98%A4%EB%A5%98

https://stajun.tistory.com/entry/Visual-Studio-Code-%ED%83%AD-%EA%B0%84%EA%B2%A9-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0

{t 1 인접형제선택자 > .nav__notification + i 같은 부모를 가지고 바로 뒤에 오는 first에만 적용 일반형제선택자 > .nav__notification ~ i 같은 부모를 가지는 first, second,

Flex-box안에 ABC가 있을때 A를 화면 좌측끝 B를 화면 중앙 C를 화면 우측끝에 위치시키고 싶다.이때 Flex-box의 justify-content: space-between를 보통 사용한다.그러나 A,B,C의 width가 달라서 B가 화면의 정중앙에 들어가지

HTML,CSS를 처음 배울 때 가장 애먹었던 부분바로 가운데 배치...이렇게 화면 정가운데에 배치하고 싶다...이럴땐 Flexbox를 활용하자1.body에 display:Flex 사용2.justify-content:center (main-axis:주축)3.align-

학원 다닐 때는 바빠서 그냥 잘 정리된 글 링크 달면 되겠지 생각했는데취업하고 실무하려면 무수히 많은 Writing과 Documentation을 해야한다.ex) Readme, annotation, code review 등등또한 다른 사람 링크 달꺼면 블로그 포스팅의 의

HTML+CSS 공부를 하다가 유용한 기능이라 포스팅한다.input의 list속성의 속성값과 datalist의 id 값을 같게해줘서 연결시켜준다.학과의 빈칸을 클릭하면 datalist가 나온다.

이 게임을 하고 난 후엔 웬만한 플렉스박스는 잘 다룰 수 있을 것이다. 하지만 난 머리가 좋지 않은 편이라 1회차에는 감을 익힌 느낌이고 숙달하려면 1~2회 더 해봐야겠다.https://flexboxfroggy.com/

https://wooncloud.tistory.com/10잘 정리된 글이 있어서 자주 보면서 공부

ㄴ 위와 같은 상황이고 코드는 다음과 같다. ㄴcontainer를 써봤는데도 안된다. 어떻게 해야할까?정답은 justify-content-center 속성이다.inputWrap 태그 쪽에 심어주면 된다. ㄴ잘 정렬되었다.참고https://happygunja.

ㄴ체크를 할 때마다 check 함수가 실행된다.ㄴcheck함수구현1.체크를 처음 눌렀을 때 -> 배열에 담고 set2.체크를 해제할 때 -> 배열에서 해당 요소 반복문으로 제거후 set이대로 axios로 보내면 끝