👩🏻‍🌾

포스팅을 하기에 앞서 여담 하나를 얘기하자면,더보기인프런에 리액트 강의들이 꽤 많고 각각의 강의들은 해당 강의를 수강하면 최소 1개에서 많게는 4-5개의 프로젝트를 완성할 수가 있다. 내가 수강 중인 리액트 강의는 '감정 일기장' 프로젝트를 만들 수 있는데 수많은 강의들 중 내가 이 강의를 선택한 이유가 좀 황당하다.대학교 1학년 땐가 앱스토어 인기 유료 앱에 'MOODA'란 감정을 기록해서 일기를 작성할 수 있는 앱이 있었다. 앱 아이콘과 상세 화면 사진을 봤을 때, UI가 상당히 아기자기(아기자기한 거에 마음이 약한 편)하여 구매하게 되었고 2년 동안은 꽤 잘 사용한 거 같다.여튼, 그래서 졸업작품에서 리액트를 사용하게 돼서 처음 사용해보는 터라 리액트 강의를 찾아보고 있었고, 해당 강의를 발견하게 ..

자바 스크립트는 코드가 작성된 순서대로 작업을 처리하기 때문에 이전 작업이 진행 중일 때는 다음 작업을 수행하지 않고 기다린다. (= 즉, 먼저 작성된 코드를 먼저 다 실행하고 난 뒤, 그 뒤에 작성된 코드를 실행함) ➡️ 동기 방식의 처리 이런 동기적 처리의 단점은 위 사진의 taskB처럼 하나의 작업이 너무 오래 걸리는 경우, 오래 걸리는 작업이 종료되기 전까지 모든 작업이 올스탑 되기 때문에 전반적인 작업의 흐름이 느려진다는 점이 있다. ➡️ 동기 처리 방식의 문제점 그렇다면 코드를 실행하는 일꾼 Thread를 여러개 사용하는 방식인 'MultiThread' 방식으로 작동시키면 위 사진처럼 작업 분할이 가능하니까 오래 걸리는 작업이 있어도 다른 일꾼 Thread에게 작업을 지시하면 되니까 괜찮지 않..

1️⃣ 팝업창 표시하기 alert(내용)// 알림창 표시 confirm(내용)// 확인창 표시 ⬅️ [확인] 버튼과 [취소] 버튼이 있어서 사용자가 어떤 버튼을 클릭했는가에 따라 다르게 동작 가능 ⬅️ 확인 버튼 누르면 사진처럼 true 반환, 취소 버튼 누르면 false 반환 prompt(내용)// 사용자가 간단한 값을 입력할 수 있는 창 ⬅️ 입력값 반환 prompt(내용, 기본값)// 기본값 지정 가능 2️⃣ 콘솔창에 내용 표시 console.log(내용)// 콘솔 창에 결과 표시 3️⃣ 웹 브라우저 창에 내용 표시하기 document.write()// 웹 브라우저 창에 결과 표시, DOM을 이용해서 원하는 위치 지정