後悔が残らないように

호출 const 변수 = 변수명( (state) => state ); state는 if문으로만 활용 render function(함수) 사용법 reducer는 state를 입력값으로 받고 새로운 state값으로 리턴

웹사이트에 대한 정보, 외부 자료 참조(CSS, JS 등)은 head 태그에 들어간다. 웹 화면의 전체적인 내용은 태그에 들어간다. 안에 태그를 만들면 웹 카테고리에 표시 됨. 태그 안에는 대표적인 ~ 태그 위와 같이 글자크기를 나누는 태그임. 태그는 긴 문단을 작성할 때 쓰는 태그이다. 웹에 표시되는 모습 input 태그 태그 말그대로 버튼이 생김 버튼의 크기나 색상등은 스타일속성으로 커스터마이징 가능. 태그와 태그에 스타일로 사이즈를 변경해보았다. 결과는 이러함. 버튼 두개를 만들어보았다. 구역을 나누고 싶을땐 ? 태그로 나누어주자. 위와같이 구역이 나누어졌다.

Math.pow 2승 EX) Math.pow(3,2); ----> 9 Math.round 반올림 EX) Math.round(10.6) ----> 11 MAth.ceil 가까운 윗 정수로 올림 EX ) Math.ceil(10.2); ---> 11 Math.floor 가까운 아래 정수로 내림 EX) Math.floor(10.2); ----> 10 Math.sqrt(9); 제곱근 EX) Math.sqrt(9); ----> 3 Math.random 랜덤수 ( 실수포함 ) EX) Math.random( ); ----> 0.223464543

alert( ) Function 위와같이 확인창을 누르기 전 까지 꺼지지 않는 알림창을 띄운다. prompt( ) Function 파라매터 안에 어떠한 값을 입력받을 수 있는 창을 띄울 수 있다. 두가지의 값을 입력 받을 수 있음. confirm( ) Function confirm은 사용자에게 확인을 받기 위해 입력받는 값으로 이용 할 수 있다. 확인시 true를, 취소는 false를 반환합니다. 위와같은 3개의 함수는 굉장히 편리하지만, 잘 사용하지 않는 이유가 있습니다. 단점들에 대해서 알아봅시다. 알림창이 떴는데 확인버튼을 누르지 않으면 다른 동작이 불가능 합니다. 스타일링이 불가능합니다. 브라우저마다 생김새도 다르고, 위치도 디자인도 설정할 수 없습니다. 하지만 이러한 단점이 있는데도 불구, 빠르..

React / App.js파일에 있는 import React from 'react'; 코드에 우리는 저장공간을 추가해서 만들 수 있다. 콤마 다음 대괄호안에 useState 작성. React 안에 있는 내장 function 하나를 사용하겠다는 의미. 저장공간을 만들었으니 호출해서 사용이 가능하다. useState( )를 선언후, ( ) 안에 React라고 차이점은 없다. 마찬가지로 변수에 할당해 꺼내쓰기 위해서 Array로 만든 storyname 이라는 변수안에 state의 내용을 집어넣었다. 선언한 배열안에는 두개의 저장공간이 들어감. 위와같이도 사용 가능. State란? 1. 변수 대신 쓸수 있는 데이터 공간. 2. useState( ) 를 선언후 사용. 태그 안에 있는 stroyname을 객체 호출..

우리는 4칙연산의 우선순위에 대해서 알고 있다. 프로그래밍 언어에서도 크게 달라지지 않는다. CharAt 메소드는 문자열의 특정 위치에 있는 '한' 글자에 접근하기 위해 사용하는 메소드. 마찬가지로 인덱스는 0번째부터 시작하기 때문에, EX ) CharAt(3) 했을때 0번째부터 숫자를 세고, len'g' 의 g가 출력이 됌. charAt의 길이를 초과하거나 음수로 찾으려고 하면 undefiend나 null이 아닌 빈 문자열이 출력된다. 마찬가지로 CharAt 메소드를 사용한게 아닌 object의 접근방법으로 문자열이 길이에 접근했을 때, 길이를 초과하거나 음수를 집어넣은경우 CharAt 메소드와는 달리, undefined 가 출력 된다. substring과 substr 메소드의 차이점에 대해 알아보자...

마찬가지로 비쥬얼 스튜디오 코드를 켜고 비쥬얼 스튜디오 코드 터미널에 npx creat-react-app 폴더이름을 쳐주면 비쥬얼 스튜디오 코드에서 자동으로 리액트를 만들어 줍니다. 제대로 코드가 작동됬다면 위와같은 폴더들이 생긴걸 볼 수 있다. src 폴더 안에 있는 app.js 파일로 코드를 작성하면 된다. 실시간으로 리액트의 작업 현황을 보고 싶다면, 터미널에 ( 경로는 반드시 리액트로 만들어 둔 blog로 ) npm start 입력해주면 크롬 브라우저로 작업중인 리액트의 웹페이지가 나오게 된다. 만약 자동으로 안나온다? 아래에 있는 로컬 주소를 그대로 복붙해주면 됌. src 폴더 안에 있는 app.js가 메인 페이지지만, app.js를 확인해보면 뭐 아무것도 없다. public 폴더 안에 있는 i..

간단하게 말해서, 위의 이미지에서 greetSomeone() 함수안에서 선언된 firstName 변수는 함수 내부에서 초기화된 변수이기 때문에, 함수 바깥에선 사용할 수 없다. 이러한 일정한 영역, 범위를 SCOPE 라고 한다. scope의 종류에는 global socpe(전역변수)와 local scope(지역변수)가 존재한다. 간단하다. global scope(전역변수)는 말그대로 전역, 전체에서 사용할 수 있는 변수의 범위이고 local scope(지역변수) 는 어떠한 함수안에서 선언되고, 그 함수안에서 선언될 수 있는 변수이다. 그리고 지역변수는 전역변수보다 우선순위가 높습니다. let name = 'Richard' ; function showName() { let name = "Jack"; con..

쉽게 말하자면, 원시 자료형은 자바스크립트의 기본이 되는 변수와 함수처럼, 하나의 고정된 저장공간을 원시 자료형(primitive type) 데이터 라고 한다. 참조 자료형은, 배열과 객체처럼 유동적으로 늘어 날 수 있는 동적인 저장공간을 참조 자료형(reference type) 이라고 한다. 원시타입(원시자료형 primitive type) 위의 사진처럼, primitve type(원시자료형)은 하나의 a라는 변수안에 1이라는 값이 들어 가 있다. 각각 고정된 저장소에, 이름을 붙이고(선언), 값을 넣어(초기화) 우리는 그 저장소에 저장된 값을 호출해서 사용할 수 있다. 대표적으로 number, string, boolean, undefind, null 5가지가 이에 해당된다. 참조타입(참조 자료형 ref..