hojncode 웹개발 공부하기.

const test1 = {} test1[Date.now()] = {text:"record", work:true} //{text: 'record', work: true} //test1 == {현재시간 숫자값: {text:"record", work:true} } 이렇게 object로 변수를 선언하면, Date.now()를 아이디로 사용할 수 있어서 편리하다. 하지만 , 리액트에서는 이렇게 사용 할 수 없다 (state 값은 못바꾸는 원칙때문. 따라서 setState를 사용해서 state를 변경해야한다. ) 다음 방법을 리액트에서 사용해 볼 수 있다. Object.assign은 object 를 가져다가 다른 object와 합쳐준다. 그런다음 새로운 object를 리턴해준다. (여기서는 object로 만들었지..

블록 선택한 영역에 각각 줄 끝에 커서 일괄 생성하기 맥 : shift + option + i 윈도우 : shift + alt + i VSC 상단 바에 Selection > Add cursors to Line Ends 가 해당 단축키 기능입니다. 선택된 커서에서 부터 한 줄 전체 블록 만들기 shift + command + 왼쪽 방향키

ESNext 는 (es6부터는 발표 연도를 붙여 ECMAScript2015 -줄여서 ES2015 이렇게 부르기로 표준을 정함, 1년주기로 새로운 버젼 발표.) 클래스 기능을 제공해 C++, JAVA 언어에서 사용하는 객체지향 프로그래밍을 지원합니다. 객체지향 프로그래밍은 프로그래밍언어가 '캡슐화 encapsulation ', 'Inheritance 상속성', 'polymorphism 다형성', 이라는 세가지 요소를 지원합니다. 코드예시: abstract class Animal { constructor(public name?: string, public age?: number) {} abstract say(): string } class Cat extends Animal { say() {return '야옹..

EsNext 자바스크립트 소스코드를 ES5 자바스크립트 코드로 변환시켜주는 트랜스파일러(transpiler) ** 타입스크립트의 소스코드는 TSC(TypeScript compiler) 라는 트랜스파일러를 통해 ES5 자바스크립트 코드로 변환된다. *트랜스파일러란?? 어떤 프로그래밍 파일로 작성된 소스코드를 또 다른 프로그래밍 언어로 된 소스코드로 바꿔주는 프로그램을 말한다. ( 텍스트로 된 소스코드를 바이너리 코드로 바꿔주는 컴파일러 와 구분하기 위해 생긴 용어 )

트랜스포트 계층의 역할이란? 애플리케이션 계층과 네트워크 계층의 중개 역할을 하는것. 받은 데이터를 수신측의 애플리케이션 계층의 특정 프로토콜에게 전달함. 이때 목적한 프로토콜을 지정하기 위해서 포트(port)를 사용. 트랜스포트 계층의 프로토콜 두가지 - TDP (Transmission Control Protocol) - 테이터의 신뢰성 중시 데이터를 안전하고 확실하게 전달하는 것을 중시. 전자메일, WWW 서비스에 사용. - UDP(User Datagram Protocol) - 전송 속도 중시 데이터 전송 속도를 중시. 안정성 확인 X 실시간성이 요구되는 IP 전화 , 스트리밍 송출 등에 사용. 포트 번호란.. 데이터를 수신측의 어떤 애플리케이션 프로토콜에 전달할지는 트랜스토프 계층에서 결정. 이때 ..

mkdir 생성할-폴더-이름 cd 생성할-폴더-이름 npm init -y code .

이전 페이지로 이동하기

1. position: static (default) 2. position: fixed - element가 처음 생성된 자리에 고정. 3. position: relative; - element가 '처음 생성된 위치'를 기준점으로, top bottom left right으로 위치를 조금씩 수정할 수 있다. 4. position: absolute; 가장 가까운 relative 부모를 기준으로 이동 position:relative; 를 해주면 부모가 된다. 없으면 body를 기준으로 함.

useEffect(()=> { (async()=> { const response = await fetch("https://api.coinpaprika.com/v1/coins"); const json = await response.json(); setCoins(json.slice(0,10)); setLoading(false); })(); },[])