contextAPI를 다룰것이다 전달만 하는 비효율적인 props (프롭스드릴링)의 문제점을 해결할 것이다 모든 데이터를 가진 component가 provider 컴포넌트에게 모든 데이터를 준다. 그리고 공급자인 provider 컴포넌트가 자신의 자손에 해당하는 모든 컴포넌트들에게 직접적으로 제공한다 그리고 provider의 자식 컴포넌트들은 이 provider컴포넌트에게 직접적으로 제공받는다 이렇게하면 코드의 가독성도 올라가고 프롭스 드릴링도 사라지게 된다. Context; 문맥 이렇게 공급자 컴포넌트의 자식 노드; 자식 컴포넌트들로 해당 provider 컴포넌트가 공급하는 모든 데이터에 접근할 수 있는 컴포넌트들의 영역 Context생성과 Provider를 이용해 프롭스 드릴링 제거 일기 data s..

스레드(thread)? - 프로세스 내부에서 코드의 실행 흐름 프로세스? - 애플리케이션을 실행하면 운영체제로부터 실행에 필요한 메모리를 할당받아 실행 - 실행중인 하나의 애플리케이션 multi? 운영체제는 두 가지 이상의 작업을 동시에 처리하는 멀티태스킹 을 할 수 있도록 CPU및 메모리 자원을 프로세스마다 적절히 할당해주고 병렬로 실행시켜준다. ex) 미디어 플레이어로 음악을 들으며 워드로 문서작업, 게임을 하면서 카카오톡 채팅 다만 멀티태스킹은 항상 멀티프로세스를 뜻하는 것은 아님 한 프로세스내에서 멀티태스킹이 가능하기도 하다 ex) 카카오톡으로 메신저를 하면서 파일전송, 미디어플레이어로 노래감상하며 동영상재생 이렇게 하나의 프로세스 내에서 두 가지 이상의 작업 처리하는것을 멀티스레드로 동작한다 라..

JSON.stringify() - 자바스크립트 객체를 JSON 문자열로 변환할 때 사용하는 메소드 const data = [{ name: '혼자 공부하는 파이썬', price: 18000, publisher: '한빛미디어' }, { name: 'HTML5 웹 프로그래밍 입문', price: 26000, publisher: '한빛아카데미' }]; console.log(JSON.stringify(data)); console.log(JSON.stringify(data, null, 2)); JSON.parse() 메소드 JSON 문자열을 자바스크립트 객체로 전개 => 매개변수에 JSON 형식의 문자열을 넣어주면 됩니다. const dataParse = [{ name: '혼자 공부하는 파이썬', price: 18..

혼공노트를 전체적으로 읽어보고 다음주에 시작할 미션인 12주! 내용을 읽어보았다 p512 8번 포장객체 내부의 값 비교 public class IntegerCompareEx { public static void main(String[] args) { Integer obj1 = 100; Integer obj2 = 100; Integer obj3 = 300; Integer obj4 = 300; System.out.println( obj1 == obj2); System.out.println( obj3 == obj4); } } 실행결과 이유 타입 값의 범위 boolean true, false char \u0000 ~ \u0071 byte, short, int -128 ~ 127 박싱된 값이 다음 표에 나와있는 ..

//타이머걸기 setTimeout(() => { console.log('1초 후에 실행됩니다'); }, 1*1000) let count = 0 setInterval(() => { console.log(`1초마다 실행됩니다(${count}번째)`); count++; }, 1*1000) setInterval, setTimeout //타이머종료 let id; let countTimer = 0; id = setInterval(() => { console.log(`1초마다 실행됩니다(${count}번째)`); count++ }, 1*1000) setTimeout(() => { console.log('타이머를 종료합니다.') clearInterval(id) }, 5*1000)