타입도 변수에 담아서 쓸 수 있다.타입변수의 특징은 type을 먼저 선언한 후대문자로 변수이름을 지정해준다.들어올 타입을 기입해주면 된다.우리는 오브젝트를 타입변수를 활용해 타입을 지정할 수 있었다.오브젝트 안에 키값을 변경하지 않도록 설정하고 싶다면? 어떻게 해야 할

npm i -g typescripttsc -w 기존에 JS는 엄격하지 않았다면 TS의 경우 엄격하게 타입을 지정해 줄 수 있다. 나머지도 마찬가지로 다른 타입들도 지정해보겠다.타입이 숫자안에 문자들이 들어가게 되면? 애매할 땐 어떻게 해야할까?모든 할당에 에러가 안난다

콜백함수 이해하기쉽게 생각하기main(sayHi)sayHi라는 콜백함수가 ()안에 통으로 함수가 들어갔다고 생각하면 쉽게 알 수 있다.콜백함수 응용하기콜백함수 1,2를 추가해 원하는 함수를 변경해가며 원하는 콜백함수를 선택해 작업할 수 있는 장점이 있다.콜백함수 예시

리액트를 사용할 때 css처럼 사용하려면 어떻게 할까?Styled Components를 이용하면 된다.사용 방법Styled-Components import해 불러와준다.구분할 수 있는 태그로 변경해 작업을 해보겠다.이제 변수선언 구간에 Styled-Components작

먼저 실전 실습을 하기 위해 폴더와 파일을 먼저 생성해보자.1.Component폴더에 데이터를 받아 사용할 UseEffectFetch.jsx 폴더 생성2.backend폴더도 하나 생성해 server.js라는 파일 생성3.props로 받아올 ProfileComponent

1.JSX 란? > JavaScript + XML/HTML = 을 합쳐 JSX라고 한다. JSX = A syntax extension to JavaScript JSX 코드 왼쪽은 javascript + 오른쪽 html 1-1.JSX의 역할 내부적으로 xml을 j

아마존의 제일 기본적인 EC2로 선택한다.위치는 현재 국가인 대한민국으로 설정인스턴트 시작웹사이트 이름을 설정하고 aws를 선택한다.인스턴트 유형 t2.micro 프리티어 사용가능 선택하고 새 키 페어 생성을 눌러 생성한다.키 페어 이름을 정하고 나머진 그대로 생성키

.gitignore 안에 넣어야 할 파일을 github저장소에 이미 올라가고.env과 node_modules를 삭제 해야 하는 상황이다...\--cached: 원격저장소만\-r: recursive(재귀적으로), 디렉토리와 하위 내용 삭제..삭제하고 push하면node_

SQL 구조가 있는 질문용 언어라는 뜻 select, insert, update, delete같은 언어를 통해 데이터 베이스의 데이터를 다루는 언어 관계형 DB(SQL) 키와 값의 고나계를 테이블화 시킨 원칙을 토대로 DB를 구성 [장점] 구조화가 명확하게 되어 있

for문 그리고 while문을 자세히 한번 알아보자.처음 초기 변수 명령문은 1회만 실행되며,종료조건 명령문을 시작으로 -> 반복할 코드 블록 확인 -> 증감문을 통한 증가를 반복 -> 종료조건에 도달했을때 for문은 종료된다.for문 다시 한번 확인해보자.i=0이기

0. DOM이란? > -HTML 문서 요소의 집합! -HTML 문서는 각각의 node와 object의 집합으로 문서를 표현한다. -따라서 각각 node 또는 object에 접근하여 문서 구조 / 스타일 / 내용등을 변경할 수 있도록 하는 것! HTML 태그 이름(ta

리턴은 두가지 의미를 둔다.1\. 함수 종료2\. 함수의 반환 (함수 내부의 변수를 밖에서도 사용할 수 있도록 해준다)먼저 sum이라는 함수를 만들어보자.sum안에 result라는 변수를 하나 만들었다.함수 안에 console.log로 확인하면 undefind가 나온다

DOM을 배우고 투두리스트만들기를 했었는데 혼자 만드는 연습을 해보려 다시 만들어봤다. 하지만 또 역시나 혼자 만들지 못했다. 그래도 다시 만들어보겠다. html과 css는 이런 구조로 작업해두고 js만 컨트롤하는 연습을 해보겠다.

만약 name 이라는 변수와 'jason'이라는 문자열이 같다면,console.log()로 'Hi, jason'이라는 문자열 출력&& and연산자 -> 양쪽에 위치한 조건을 모두 만족하는 경우 true|| or연산자 -> 양쪽에 위치한 조건 중, 하나라도 만족하는 경우

concat() 두개 또는 그 이상의 배열을 연결한 배열을 반환합니다.copyWithin() 배열 내에서 첫 번째 인자 위치의 요소를 두 번째 인자 위치에 복사합니다.every() 인자로 주어진 함수로 배열내의 모든 요소를 테스트해서 참일 경우 true를 반환합니다.f

화살표 함수는 일반 함수와는 달리 자신만의 this를 가지지 않음화살효 함수 내부에서 this를 사용하면, 그 this는 외부에서 값을 가져 옴1.pororo 객체에 뽀로로의 이름을 출력하는 method 추가하기2.특정 객체의 height를 출력하는 showHeight

Supermanname:clarkage:33.....const superman = { name:name, age:age, gender : 'male',}위 코드를 단축해보자.에러가 아닌 undefined로 나온다.1.pororo라는 객체형 변수를 선언name

함수 선언문 vs 함수 표현식 함수 표현식 화살표 함수로 변경

저장소 이름은 'study_javascript' 로 생성했다.나는 데스크탑에 저장소와 동일한 'study_javascript' 이름의 폴더와 함께 index.html 파일을 같이 생성해놨다.…or push an existing repository from the com