본문 바로가기

전체 글234

(2)비동기_자바스크립트_비동기,동기의 작동 순서, 비동기 함수들 여럿 예시들 ● 이론1_비동기, 동기 콜백 순서○ 아래의 코드상황을 보자- 코드 :console.log('1');setTimeout(() => console.log('2'), 0); //바로 콜백함수를 호출하라는 뜻console.log('3');console.log('4');console.log('5');console.log('6');console.log('7');console.log('8');console.log('9');console.log('10');- 출력 결과 :13456789102- 이러한 출력 결과가 나온 이유 :내가 생각하기엔, 콜백은 함수 아래의 동기 함수들이 먼저 동작을 한 후, 비동기 함수인 콜백함수를 처리하는 것이 원칙인가봄 - 결론 :▶ 코드 순서 : 콜백함수 , 동기 함수 들▶ 수행 순서 :.. 2024. 12. 1.
(1)비동기_자바스크립트_Argument, Parameter의 차이, CallBack메소드 작성방법2가지(구현부는 같으나 , 호출시 정석, ArrowFunction), setTimeout + callback함수 응용, 비동기의 대표적 예시 ● 이론0_비동기_자바스크립트를 배우기 전, Argument, Parameter의 차이○ 이론적 정의 차이 :Argument : 함수 호출을 할 때, 호출한 함수의 매개변수에 대입한 값들Parameter : 함수 구현 시, 변수들 입력한 매개인자 값○ 예시로 파악하기 :function add(x, y) { // x, y : Parameter return x + y;}add(1, 2); // 1, 2 : Argument● 이론1 : CallBack 메소드○ 정의 : 함수의 파라미터(함수 구현 작성 시) 안에 메소드가 들어가있는 형식으로, 함수 호출시에는 Argument에 다른 함수를 대입하는 함수형식을 CallBack method라 한다.○ 간단 예시function SayHello(){ console.l.. 2024. 12. 1.
(4)자바스크립트_모듈_서드파티 모듈의 package-lock.json 존재의 이유, 알아두면 좋은 npm 터미널 명령 ● 다음 아래의 상황을 이해해보자.보통 어떤 프로젝트에 대해, 협업을 할 떄, 자기 자신과 협업자는 프로젝트를 주고 받을 때, 똑같은 환경에서 받는 것이 좋다.그리고, 협업을 하게되면, 보통 모든 파일을 주고 받는 것이 아닌, package.json을 주고 받고, 터미널에서 ""npm install" 을로 설치하여, 용량을 작게 하여, 주고받는데,- 상황_ package.json만 주고 받아 협업을 하는 경우 :=> 결과 : 정확히 똑같은 버전의 서드파티 모듈을 사용하는지는 알 수 없다.=> 이유 :package.json의 dependencies 필드 : Sementic-version의 값이 범위로 주어지기 때문반면, package-lock.json의 dependencies 필드 : 정확한 node_mo.. 2024. 12. 1.
(3)자바스크립트_모듈_다른 개발자가 개발한 모듈 이용하기,json 파일 알아보기 ●이론_1_Node.js에서 다른 사람들의 모듈을 사용하기 //서드파티 모듈○ 명칭 정리 :- 서드 파티 모듈 : Node.js에서 다른 개발자가 개발한 모듈들 전체를 통틀어 일컫는 말임- npm (node package manager)- npm registory : Node.js에서 서드 파티 모듈을 가져오게 하는 관리자 의미 같음- date-fns : 서브 파티 모듈 중 날짜를 다룰 수 있는 모듈을 의미○ 서드 파티 모듈  셋팅 방법 :- 순서1_ 터미널 창 열기 //ctrl + '`'//백키- 순서2_ 명령어 작성 후, enternpm install date-fns- 순서3_ 디렉토리 탐색기를 보면, 아래와 같이 [node_modules] , [package-lock.json] , [package... 2024. 12. 1.

티스토리툴바