Programming/Web
-
코딩애플 JavaScript 입문과 웹 UI개발 Lv1(b)Programming/Web 2022. 11. 24. 00:07
전송 버튼은 type="submit" 일반 버튼 type="button" form 쓰는 이유 : 서버로 유저정보 전송하려고 쓰는 것임 전송하려면 form action="url" 을 써주면 된다. success.html 파일 만들기. form action="success.html" if (조건) { 실행할 코드 console.log('hi') } else { } form 전송시 submit 이벤트도 작성함 그래서 onclick 말고 폼태그를 찾고 $('form').on('submit', function(){ 이렇게 작성해도 그 전과 똑같음 *나의 오류 : input의 값을 가져와야 하는데 그저 input태그를 가져옴! jqeury input값 : $(' a ').val() 오잉.. 여전한 null 대신 '..
-
코딩애플 JavaScript 입문과 웹 UI개발 Lv1(a)Programming/Web 2022. 11. 23. 21:31
1. document.getElementById('hello').innerHTML = '안녕'; html 문서 의 id가 hello인 html 요소를 가져와라. 그거의 내부 html 을 안녕으로 바꿔라 = 등호 : 오른쪽을 왼쪽에 넣으라는 뜻 document.getElementById('??').??='??'; ?? 1. 바꿀 html요소 id 2. 무엇을 3. 어떻게 getElementById = 셀렉터 : 문서에서 원하는 요소 찾는 것 5분 숙제 : 글자 폰트 사이즈 16px로 줄이기 by JS document.getElementById('hello').style.font-size=16px; 폰트 변경안됨 >> font-size => fontSize document.getElementById('hel..
-
220813 React JS 로 영화 웹 서비스 만들기 (2)Programming/Web 2022. 8. 15. 23:36
#2.3 Events in React 2개의 컴포넌트를 가지는 컴포넌트 생성한 것 ( span, btn ) const container = React.createElement("div",null,[span,btn]); console.log("im clicked"), 처럼 statement로만 html을 만들고 content 넣고 eventListener #2.4 Recap #2.5 JSX Babel complies JSX down to React.createElement() calls const element = ( Hello World! ); JSX : 자바스크립트 확장한 문법 const h3 = React.createElement( "h3", { onmouseenter: () => console.lo..
-
220812 React JS 로 영화 웹 서비스 만들기 (1)Programming/Web 2022. 8. 13. 00:26
#2.1 Before React ' 버튼 몇번 클릭했는지 세는 어플, 바닐라 js 작은 앱 ' 만들기를 통한 react의 필요성 학습 Total clicks : 0 Click me 1.htmll 2. javascript 3. eventlistner 이벤트 감지 4. 데이터 업데이트 5. html 업데이트 https://unpkg.com/react@17.0.2/umd/react.production.min.js https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js : 위의 src로 react, react-dom을 js로 import 하면 리액트 설치 완료 ! 2.2 Our Fist React Element 이 강의에서 설명하는 react js..