# element
Element와 Component의 차이
react 프로젝트를 시작하기에 앞서 환경설정을 해놓을때 폴더 분류를 하는데 element와 component의 차이를 정확히 알지 못 하고 분류하려니 분류하는 기준이 애매해져서 폴더 분류가 마구잡이로 된 느낌이 들어서 이번 기회에 차이점에 대해서 정확히 알아 폴더분류
[개발자 도구]너도 개발자 도구 써? 나도 써✨
웹개발에 특화된 개발자 도구를 소개해 보려 한다. 생각보다 많은 내용이 들어있어 읽기 귀찮을 수도 있지만, 이 글을 쓰고있는 '이때의 나' 는 초보 프론트엔드 개발자! 개발자 도구를 사용함으로써 개발시간이 현저하게 확 줄어들었다. 혹시 당신도 개발자 도구에 대해 몰랐
HTML. 1 HTML, Element
HTML(Hypetext Markup Language) : 웹페이지가 어떻게 구조화되어 있는지 알 수 있도록 도와주는 마크업 언어.HTML은 element로 구성되어 있다.TAG : HTML에서 가장 중요하고 기본이 되는 규칙이며 문서의 구조와 형태를 표현하는 명령어E
B.E.M(Bolck Element Modifier)
Bolck,Element,Modifier : CSS 클래스 이름을 지을 때 규칙B.E.M이 중요한 이유 : 협업을 할 때 css 클래스의 이름의 규칙이 없다면 잘 세워뒀던 HTml, Css가 한번에 무너져버릴 수 있습니다. : 이름 설정할 때 표시에 따라 (왼쪽 : 안
component, element 그리고 instance in React
컴포넌트와, 그의 instance 그리고 element간의 구분은 헷갈리는 개념이다. 왜 그들은 모두 스크린에 그려진 어떤 것을 지칭하면서 다른 단어들로 사용되는가?
[2022.06.22] JS drag and drop으로 선택한 요소의 위치 바꾸기
이틀 전에 혼자 드래그 앤 드롭 구현했을 때 동작은 잘 되는데 뭔가 아쉬운..? 느낌이 있어서 관련 영상 찾아서 따라 만들어보고 복습겸 다시 만들어보았다.list 이름의 변수를 선언하여 class가 list인 요소를 선택하였다. ul 태그가 선택될 것이다.let으로 선
web 기초/css(element, selector, class, id, name)
div, table 등등 영역을 차지하는 곳에 직접 style 등을 지정하는 방식하나 하나 지정하는 방식은 비효율적이다입력할 페이지 내부에 위의 이미지와 같이 형식을 지정하는 방식페이지의 코드가 번잡해지는 단점이 있음업로드중..더 자세한 설명 : https:/
css 기초 tag
css : Cascading Style Sheet 좀 더 디자인에 최적화된 웹페이지 마크업 언어 나오기 이전에는 HTML에서도 디자인 관련된 규약이 있었으나 나온 이후에는 HTML은 레이아웃 구성을 위한 언어가 되었음 element : 웹 디자인의 최소단위(요소
TIL - Node와 Element 차이점
Node ?: 태그, 주석, 텍스트노드, 문서 유형들Element ?: 태그들많은 Node 유형들 안에 Element가 포함되어 있는 것이다.DOM(문서객체모델)?자바스크립트로 HTML을 Object처럼 조작할 수 있는 Model이다. 이는 원본 HTML이 아니라 DO
[React] React Element
1. react JS element 생성하기 이 전 글에서 react를 import 했기 때문에 createElement function을 가진 React object에 접근할 수 있다. 괄호 안에 은 내가 생성하고자 하는 HTML 태그와 똑같은 이름이어야만 한다.
[JavaScript] Searching for Elements
HTML에 정의된 id와 JavaScript에서 꼭 같아야 한다.다르면 의미가 없다. 필히 확인!그러나 보통 id를 사용하기보다 class나 classname을 사용한다.JavaScript를 통해 HTML을 가져올 수 있는 방법은 크게 세 가지가 있다.(1) getEl
React ) 최소단위 elements 만들기 (ex.input)
로그인이나 회원가입에 들어가는 input이(아이디 비밀번호 입력칸) html tag element로만 하기에는 너무 모양이나 양식이 똑같아서 공통 component로 하나 만들어주기로 하였다~src 폴더안에 elements라고 폴더를 하나 만들어주고 공통으로 자주 쓰이
React 개념정리
JSX는 JavaScript를 확장한 문법이다. HTML에서 사용하는 태그들과 비슷한 문법을 사용한다. 컴포넌트의 구성 요소. react앱의 최소 단위이다.type(문자열 혹은 컴포넌트 함수/클래스) 필드와 props(객체) 필드로 표현된다.엘리먼트의 type이 컴포넌
App.vue
f5를 누를때마다 홈으로 가버림.컴포넌트 채로 새로고침 됨.sessionStorage.setItem('activeIndex2', idx);를 사용해서 세션저장소에 현재 메뉴의 index값 저장sessionStorage.getItem('activeIndex2');를 사용
'Switch' is not exported from react-router-dom' / All component children of <Routes> must be a <Route> or <React.Fragment> 에러 해결법
<참고 사이트> React Router<Switch> 대신 <Routes>로 변경한다 현재 버전의 react-router-dom(12/7 기준 ver 6.0.2)을 사용중이라면, 위의 코드처럼 <Switch>를 쓰지 못한다. 공식 문서에
