일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- props
- 자바스크립트
- ReactDOM.render is no longer supported in React 18. Use createRoot instead
- 리액트
- 웹 게임을 만들며 배우는 리액트
- 모두의 파이썬
- vs code 내 node
- You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client"
- 거북이 대포 게임
- googleColaboratory
- 모던자바스크립트
- 노드에 리액트 추가하기
- node.js로 로그인하기
- Spring-Framework
- JS 개념
- 따라하며 배우는 노드 리액트 기본 강의
- react
- Python
- 타자 게임 만들기
- spring-boot
- intllij 내 Bean을 찾지 못해서 발생하는 오류
- react오류
- 계산맞추기 게임
- Colaboratory 글자 깨짐
- DB Browser
- node.js 설치
- intellij
- 인프런
- Concurrently
- Do it 자바스크립트 + 제이쿼리 입문
- Today
- Total
목록모던자바스크립트 (6)
프로그래밍 삽질 중
* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 문자열 삽입 -> + 로 따로 분리해서 삽입하던 것을 ``(백틱)을 이용해 쉽게 작성 //이전 방식 var name = "anna"; var greeting = "안녕하세요 제 이름은 " + name + "입니다."; console.log(greeting) //"안녕하세요 제 이름은 anna입니다." //백틱 방식 var name2 = "john"; var greeting2 = `안녕하세요 제 이름은 ${name2}입니다.` console.log(greeting2) //"안녕하세요 제 이름은 john입니다." ○ 표현식 삽입 //이전 ..
* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 함수 기본값 인수 이전 문제 - '기본값이 인수 목록의 끝이 아닌 시작 부분에 있도록 하려면'의 해결법 function world(city, country, continent) { if(typeof country === 'undefined') { country = 'Korea'; //기본값으로 대체 } if(typeof continent === 'undefined') { continent = 'Asia'; //기본값으로 대체 } console.log(continent, country, city) } world("seoul"); //Ai..
* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 화살표 함수 - 화살표 함수 = 익명 함수 - 참조할 이름 필요 = 함수를 변수에 할당 (여기서는 name) //변경 전 const animal1 = function(name) { return "안녕하세요" + name; } //변경 후 const animal2 = (name) => { return "안녕하세요" + name; } //매개변수가 하나만 있으면 괄호 생략 가능 const animal3 = name => { return "안녕하세요" + name; } //매개변수가 없으면 빈 괄호 const animal4 = () => {..
* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ var - var로 변수 선언 시 함수 스코프에 종속됨 - 단, for루프 내에서 var 변수를 선언 시 for문 밖에서도 변수 사용 가능 - 새 값을 재할당 시 블록 바깥에서는 값 변경됨 - 정의되기 전에 접근 가능하나(undefined로 표시) 그 값에는 접근 불가 for (var i = 0; i< 5; i++) { var program1 = "그것이 알고 싶다 1992~"; } console.log(program1); //"그것이 알고 싶다 1992~" function myProgram() { var program2 = "무한도전..
* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 함수 선언 ① 함수 정의 function movie(title) { console.log("그것이 알고 싶다 : " + title) } movie("지선씨네 마인드") //"그것이 알고 싶다 : 지선씨네 마인드" title : 매개변수(파라미터 혹은 변수라고 함) console.log("그것이 알고 싶다 : " + title) : 명령문 - 원시 자료형이 함수에 전달될 때는 참조가 아니라 값의 형태로 전달됨 - 해당 값에 대한 변경 사항이 전역적으로 반영되지 않음 - 단, 객체나 배열을 함수에 전달할 경우 참조로 전달됨 - 원시 자료형..
* 모던 자바스크립트 핵심 가이드(저자 알베르토 몬탈레시, 옮김 임지순/권영재) 복습 * 핵심 부분과 필요할 경우 문제도 수정해서 기재할 것 * 문제될 경우 삭제할 것 ○ 변수 -값을 담기 위한 공간, 자바스크립트는 var, let, const가 존재 ○ 자료형 - 자바스크립트 = 동적 언어, 정적언어(C, Java)와 달리 변수를 정의할 때 자료형 정의 필요 없음 -> 문제는 대규모 프로젝트 작업 시 문제 될 수 있음 -> 이를 위한 방법 = 타입스크립트(엄격한 자료형 준수) - 총 7개의 원시 자료형 존재 string number boolean null undefined symbol 문자열 숫자 불리언 널 정의되지 않음 심벌(ES6 추가) ○ 객체 - 원시 자료형은 한 번에 한 가지 값만 담을 수 있..