리액트2 jsx (2) Inline Style html에서 태그 안에서 스타일 속성을 추가한 것과 같다 아주 작은 차이점이 있는데 제일 먼저 style 속성에 들어가는 값은 객체 형태여야 한다 그리고 css 속성 이름이 camel case로 작성되어 있다는 차이점이 있다 모든 하이픈을 빼고 하이픈 뒤 문자를 대문자로 바꾸면 된다 * Camel Case : 단어가 합쳐진 부분마다 맨 처음 글자를 대문자로 표기하는 방법 두 개 이상의 단어가 모인 합성어에서 사용됨 터미널에서 yarn start 를 타이핑하면 됨 그런데 같은 스타일의 태그가 늘어나면 코드 재사용성이 떨어진다 그래서 스타일 값에 들어갈 객체를 미리 선언하여 사용할 수 있다 이렇게 인라인 스타일을 할 수 있고 기존의 css 파일의 별도로 작성해서 적용하는 방식도 사용할.. 2022. 8. 9. REACT (1) REACT 기초 1. 리액트가 무엇인지 2. yarn 3. 리액트 업계 hello world. 4. 리액트 꿀팁 REACT : 유저 인터페이스를 만들기 위한 자바스크립트 라이브러리 * 오픈소스 라이브러리 UX : User Experience (사용자 경험) - 사용자가 서비스를 이용하면 겪는 모든 이용 경험 UI : User Interface (사용자 인터페이스) - 사용자가 경험을 할 때 직접 상호작용을 한 부분 프레임워크 : 뼈대, 골조, 소프트웨어의 설계와 구현을 위한 상호 협력하는 클래스와 인터페이스의 집합 라이브러리 : 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임 (이미 만들어진 기능들의 집합의 느낌이다) 프레임워크 : 전체 설계와 구현을 주도 라이브러리 : 불려 와 .. 2022. 8. 8. 이전 1 다음
