Ellen's Web Note

리액트에서 컴포넌트를 스타일링 할 떄에는 다양한 방식을 사용할 수 있다. 여러 방식 중 딱히 정해진 방식은 없고, 개인의 편의나 회사의 스펙에 맞춰 사용하면 된다. 종류 : css, scss, css-module, styled-components css 기본적인 CSS 스타일링. class -> className sass (syntactically awesome stylesheet) - css전처리기로 복잡한 작업을 쉽게 할 수 있게 히줌. - 스타일 코드의 재활용성을 높여주고 코드의 가독성을 높요 유지보수에 도움. - 확장자는 .scss와 .sass 두가지를 지원. - node_modules 디렉터리의 라이브러리를 호출해서 사용 (경로에 ~를 사용하면 자동으로 node_modules디렉터리로 경로가 지..

해당필드 클릭 이벤트ng-click="function()" 초기 실행 명령 이벤트ng-init = "function()" 또는 ng-init = "colum = 'value'"초기실행 함수나 변수의 초기값 지정복수의 명령을 사용하는 경우 ; 로 구분ng-init = function(); colum='value'" value 컨트롤value="name" ng-model="name" 로 지정ng-init = "name == 'value' " 또는 $scope.name 으로 활용 가능 Style 조건기본 ng-style={color: red};조건 ng-style="{'color': num1 > num2 ? 'red':'black'}" 클래스 조건기본 : ng-class="클래그명"조건1개 : ng-class..