4.Login 4.0 Input Values 모든 것은 HTML에서 시작되어야함 HTML에서 작성 후 JS에서 기능 구현 1) HTML form 마크업 사용자가 이름을 작성할 수 있도록 ``태그 작성 안에 텍스트를 넣기위해 type="text" 미리 작성할 말은
1) click event 발생 및 함수 실행 2) currentColor 변수 선언 후 h1.style.color 값 복사 (getter) 3) newColor 변수 선언 4) currentColor 현재 값 확인 5) 조건에 따라 newColor에 "tomato
3.0 Document Object 자바스크립트를 이용해 브라우저를 인터랙티브하게 만들기 브라우저 핵심 object : document : html을 가르키는 객체 document.title 이라고하면 html의 title을 읽어옴 document.body 라고하
함수 반복해서 사용할수있는 조각코드 코드를 캡슐화해서 재사용 가능하게 해줌 함수에게 고정된 코드를 지정하고 함수 밖에서 데이터를 받아 함수에게 전달해줘야함 함수는 결과를 받아 줘야함 => return return 후에 쓴 코드는 작동안함 return 하자마자 함수는
✅ only JS✅ Yes✅ Yes✅ To add interactivity to Websites✅ No‼️ No자바스크립트 실행환경모든 브라우저, Node.js 둘 다 자바스크립트 엔진을 갖고있으므로 실행 가능하다.🚨단 차이점은 브라우저는 HTML,CSS,JS를 실행
타입스크립트는 자바스크립트를 기반으로 한 언어 strongly-typed(엄겨한 자료형): 데이터의 type을 확인함 프로그램이 작동하기 전에yarn add typescript @types/node @types/react @types/react-dom @types/je
01. 프로젝트 생성 >yarn create react-app 프로젝트명 🚨주의 : 리액트 프로젝트명은 대문자 금지 에러 뜸 01-1 패키지 설치 프로젝트를 VSCode로 열고, Ctrl + ~ 눌러 터미널 실행 후 설치 필요한 패키지 찾아 띄어쓰기로 여러개 한번
기존 DOM을 만드는 방식인 css,scss 파일을 밖에 두고 쓰지 않음 => CSS in JS 방식임css가 전역으로 중첩되지 않으며 class명 중복을 줄일 수 있음패키지 설치yarn add styled-components적용하고자 하는 컴포넌트 상단에 import
리액트 css-reset 하기 styled-components 설치하기 styled-reset 패키지 설치하기 기본적인 컴포넌트 생성하기 GlobalStyles.js 생성하기 App.js에 GlobalStyles import 리액트 중첩 라우팅 기존 부모 라우터의
"Manifest: Line: 1, column: 1, Syntax error"index.html 파일 열기manifest 코드 수정 ('/' 추가)
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely
01. 최대값 구하는 함수 Math.max( ) 파라미터로 입력받은 숫자들 중 최대값 리턴 02. ' ... ' 전개 연산자로서 인수로 넘기는 경우 Max.max(...(배열이름)) 배열 안에 있는 값들을 넘겨줌 즉, 인수들 목록으로 리턴 전개 연산자는 배열이나 객
https://nodejs.org/api/errors.htmlpakage.json에서 proxy localhost 30001에서 3000으로 바꾸니 해결
구름에듀 사이트의 판다코딩의 HTML/JS/CSS로 나만의 MBTI 사이트 만들기 강의를 보고 만들었습니다. 01. HTML 각 3개의 섹션 레이아웃하기 총 3개의 섹션으로 나누어 한 페이지로 레이아웃하여 1️⃣ 이 보일 때 display:block 나머지 2️⃣,3
함수 앞에 async 예약어 붙이기함수의 내부 로직 중 HTTP 통신을 하는 비동기 처리 코드 앞에 await 붙이기주의‼️ 비동기 처리 메서드가 꼭 프로미스 객체를 반환해야 await가 의도한대로 동작함일반적으로 await 의 대상이 되는 비동기 처리 코드는 Axio
프로미스란? ES6에서 비동기 처리르 위한 또 다른 패턴으로 전통적인 콜백패턴이 가진 담점을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있는 장점을 가지고 있다. 콜백 패턴의 단점 - 콜백 헬 동기식 처리 모델 Synchronous processing model
URI는 정보의 자원을 표현해야 한다.: 리소스명은 동사보다 명사 사용자원에 대한 행위는 HTTP Method (GET,POST,PUT,DELETE)등으로 표현GET : index,retrieve / payload X / 모든, 특정 리소스 조회POST : create
Ajax (Asynchronous Javascript and XML) 브라우저에서 웹페이지를 요청하거나 링크를 클릭하면 브라우저와 서버와의 통신에 의해 화면 갱신이 발생한다. * 전통적인 방식 * 서버는 요청 받은 페이지를 반환하는데 이 때 CSS,JS 파일들도 같