NOW OR NEVER

console node js에서도 실행 가능하고 web api인 console api에서도 실행 가능 많이 쓰이는 문법이라 거의 web api 뿐만아니라 프레임워크 등에서도 다 실행가능 Devtool console js 작성해서 실행 가능 간단한 js기능 구현 가능 source 디버깅시 유용 작성한 코드 확인 가능 break point 를 걸어서 디버깅할 때도 유용하게 쓰임 network network가 어떻게 발생하는지, 얼마나 많은 사이즈들의 데이터가 오고가는지 검사 가능 performance 분석, memory 분석 등 굉장히 다양한 것들을 볼 수 있다. 'use strict'; js를 strict 모드로 개발하기 위한 것 순수 vanilla js 작성시 js 최상단에 'use strict'; 정의..

디자인 무료 온라인 툴 color space(https://mycolor.space/) 웹사이트를 만들 때 컬러 팔레트를 쉽게 만들 수 있는 툴 하나하나 색상 찾는 수고로움을 덜어주는 툴이다 웹사이트에서 사용할 주 색상을 정해놓으면 그에 맞는 다양한 색상 조합들을 보여줌 css gradient(https://cssgradient.io/) gradient 컬러를 만들 수 있게 해주는 툴 시각적으로 확인하면서 원하는 gradient를 만들 수 있다 다양한 방면에서 사용되지만 버튼에서 특히 많이 사용됨 다 만든 후 아래쪽 copy to clipboard 해서 css에다가 붙여넣어서 그대로 적용 시킬 수 있음 SVC 활용할 수 있는 툴(svc를 활용해 section을 수평적으로 나누는 것이 아니라 다른 모양으로..

CSS(Cascading Style Sheet) 의미, 정의 cascading : 정의된 세부적인 정의가 있다면 그것을 쓰고 정의된 게 없다면 다음 기본적으로 정의된 것으로 넘어가는 것을 의미 웹사이트 스타일링 : author style(css) > user style(사용자가 지정한 스타일) > Browser 상에서 기본적으로 정의된 스타일 순으로 적용 !important 쓸 경우 위에서 말한 적용 순서를 무시하고 제일 먼저 적용됨, 나쁜 architecture가 될 수 있으므로 쓰지 않는 것이 좋다 선택자 selectors html의 어떤 태그들을 고를 것인지 규정하는 문법 구체적으로 태그 가까이 설정할 수록 우선순위가 높아짐 종류 * = universal tag이름 = 해당하는 태그만 골라냄 #id..