오물오물 개발일기

React ? - 2013년 페이스북에서 만든 자바스크립트 라이브러리로 에어비앤비, 넷플릭스, 인스타그램 등등 사용 프레임워크와 라이브러리? -> 2020/12/21 - [지식] - 💡 Framework & Library & API ? 💡 Framework & Library & API? ✨ 제어 흐름에 대한 주도성이 누구에게 있는가 !? - 프레임워크는 전체적인 흐름을 스스로가 쥐고있으며 사용자는 그안에 필요한 코드를 짜 넣는다. 반면에 라이브러리는 사용자가 전체적인 baegofda.tistory.com - 사용자 정의태그 즉, 컴포넌트 단위로 사용되어 가독성, 유지보수, 재사용성이 뛰어나다. - 다양한 이벤트에 맞게 반응하게 만들어졌다. - MVC 패턴중 View를 담당한다. - React-native..

Selector - type(tag), class, id 등을 선택하여 css, js 작업등을 할 수 있습니다. Type(tag) Selector - 원하는 tag를 선택하는 방법 Selector Type, Class, ID Selector h1 { color:red; } Class Selector - class는 복수의 명을 지정할 수 있습니다. - class 선언시에는 띄어쓰기로 구분합니다. - Selector 사용시 .name 형식으로 선택합니다. Selector Type, Class, ID Selector h1 { color: brown; } .red { color: red; } .blue { color: blue; } ID Selector - 한가지의 ID만을 쓸 수 있으며 다른 요소와 중복이 ..

Visibility - 요소 표현에대한 유뮤를 나타냅니다. - visible | hidden .visibility { visibility : hidden; /* default visibility : visible; */ } 💡 visiblity:hidden; & display : none; ? -> visibility : hidden은 안보이지 그위치에 존재하나 display : none; 는 위치에도 존재하지 않으며 디스플레이에서 사라지게 된다.

Transform - 요소를 움직이거나, 회전, 기울기 등 여러 작업을 할때 사용합니다. - translate | rotate | scale - translate -> 요소를 움직일때 사용한다. .transform { transform : translate(10px, 30px); /* translate(x,y) -> translateX(), translateY() */ } * https://developer.mozilla.org/ko/docs/Web/CSS/transform transform CSS transform 속성으로 요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있습니다. developer.mozilla.org

Opacity - 요소에 투명도를 지정할때 사용합니다. - 0 ~ 1 (낮을수록 투명도 ↑) * opacity : 0; 인 투명상태가 되어도 content는 눈에 보이지않을뿐 그자리를 유지하고있다.