HTML에서는 되고 리액트에서는 안되는 것 들
리액트를 하다 보면서 HTML과 다른 점이 몇 가지가 있다. '이상하다... HTML에서는 됬는데 왜 리액트에서는 에러가 발생하지?' 라는 의문점, 리액트를 하시면서 몇개를 느낀 것들이 있을 것 같다. 그래서 오늘은 그 몇가지 다른 점을 여기다 정리를 해보려고 한다. 1. class html에서 직접 style값을 작성할 때 쓰이는 옵션으로, 원래 html에서는 class="name"으로 태그 안에 넣는다. 하지만 리액트에서는 className을 넣어 클래스를 사용한다. 이렇게 쓰이는 이뉴는 리액트에서는 클래스 함수, 화살표 함수 이런 두 가지 방식으로 코드를 작성을 하게 된다. 그렇기 때문에 class가 아닌 className이라는 명칭을 사용하는 것 같다. 2. label for html에서는 lab..
Front-End/React
2021. 9. 4. 10:00
Error : html snippets 태그 자동완성이 되지 않을 때
VSCode를 초보자가 이것저것 사용을 하다 보면 간단한 오류에 애먹는 경우가 있다. 필자도 이를 겪었기에 이 과정을 기록하고자 내용을 남긴다. 원인 HTML 코드 입력을 위해 Snippets를 설치하였지만 태그 입력이 잘 되지 않는다. 해결방법 장고도 설치하다 보니 HTML기본 설정값이 Django로 되어있던 것이 원인으로, 클릭하여 HTML로 변경을 하면 설치한 확장자를 쓰는데 문제없이 잘 사용할 수 있다. 이처럼 확장자 설치를 하여도 실행이 만약 되지 않는다면 하단에 현재 설정된 값이 무엇인지 확인을 하는 습관을 들여야 한다.
ETC/VS Code
2020. 11. 16. 10:00
250x250
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 자바스크립트
- 자바
- programmers
- 리액트
- java
- Visual Studio Code
- node.js
- 배열
- 리덕스
- 노드
- 리액트 썸네일
- 함수
- CSS
- array
- 코딩테스트
- react
- Git
- 파이썬
- javascript
- Switch
- github
- mongodb
- node-sass
- node
- Coding Test
- 재공부
- 리액트 유튜브
- 프로그래머스
- redux
- 뷰
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함