어쨌든 해내는 코딩 일기

  • 홈
  • Java script
  • React
  • Python
  • Html 및 Css
  • 방명록
  • 태그

children 2

[자바스크립트]다음 질문으로 넘어가기 addeventlistener (+ 자바스크립트에서 클래스 만들어주기 classlist.add)

classlist.add 사용하는 이유, 방법사용자가 누를 수 있는 answer들은 class나 id 값이 없어서queryselector가 불가능하므로 js 안에서 클래스 만들어준다.밑에서 세 번째 줄 ★ : answer.classlist.add('answerlist');function addAnswer(answerText){ var a = document.querySelector('.answerbox'); var answer = document.createElement('button'); // answer는 클래스나 id값이 없어서 querySelector이용 불가하므로 클래스 만들어주기 answer.classList.add('answerlist'); a.appendChil..

Java script 2024.11.26

[리액트] JSX 정의(react.createElement), 장점, 사용법(중괄호{})

-JSX 정의자바스크립트 문법 확장한 것javascript+ xml/ html -JSX 코드const element = hello, world!;대입연산자(=)는 오른쪽에 있는 변수를 왼쪽에 대입. 왼쪽코드는 javascript 코드, 오른쪽 코드는 html 코드 - React.createElement 함수: JSX코드를 JavaScript 코드로 변환함.- jsx는 html의 ,을 사용하고 있음. -createElement의 파라미터 -type(유형)-[props](속성)-[...childerem](엘리먼트가 포함하고 있는 자식 엘리먼트)  즉, react에서 jsx를 쓰는 것이 필수는 아님! createElement함수를 사용하면 되기 때문임.하지만 jsx 사용하면 코드 간결+ 생산성,가독성 높아짐...

React 2024.11.21
이전
1
다음
더보기
프로필사진

어쨌든 해내는 코딩 일기

20대 후반 비전공자의 웹 개발 독학 이야기

  • 분류 전체보기 (36)
    • Java script (7)
    • React (10)
    • Python (11)
    • Html & Css (8)
    • 프로젝트 아카이브 (0)

Tag

파이썬클래스, 티스토리챌린지, 프로그래밍독학, Github, 파이썬독학, 리액트, 파이썬, 개발자, react, javascript, HTML, Python, 웹디자인, 자바스크립트, CSS, 웹개발, for함수, 오블완, programming, python class,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/02   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바