본문 바로가기

전체 글109

작업을 하는 공간 branch 목차1. branch란?2. 작업을 나누어서 해야하는 이유1. branch란?본래 코드를 복사하여 독립적으로 작업할 수 있는 공간branch는 본래 나뭇가지라는 뜻으로 나무줄기(기본코드)에서 뻗어나오는 나뭇가지(독립공간) 형태로 그래프가 그려진다. 2. 작업을 나누어서 해야하는 이유작업자가 작업을 하다보면 실수를 하거나 예상치 못한 버그가 생길 수 있다. 그런 문제가 있는 코드를 기존 코드에 적용을 시키면 코드를 공유하는 사람들에게도 문제가 생기고 버전관리가 제대로 되지 않는다. 따라서 작업공간을 나누어 작업이 완료되고 테스트까지 거친 후 기존 코드에 더하는 방식이 좋은 방식이다. 병합을 진행하게 되면 작업했던 브랜치는 그대로 남아있다. 작업이 끝난 브랜치는 작업 진행의 혼란을 막기 위해 지워주는 것이 .. 2024. 5. 21.
인자를 배열로...arguments 목차1. arguments란?2. 사용하는 이유1. arguments란?함수에 전달된 인자를 배열 형태로 갖는 객체  arguments 객체는 배열 형태이긴 하지만 Array클래스의 배열 객체가 아닌 유사 배열 객체 중 하나다. 따라서 인덱스롤 접근은 할 수 있지만 배열의 메서드는 사용할 수 없다. 또한 function 키워드를 통해 함수에서는 사용할 수 있지만 화살표함수에서는 this와 마찬가지로 자체적인 arguments를 바인딩하지 않기 때문에 사용할 수 없다.const fn = (a, b, c) => { console.log(arguments[0]) console.log(arguments[1]) console.log(arguments[2]) console.log(argumen.. 2024. 5. 20.
비동기처리작업하는 방법2_async/await 목차1. async/await란?2. 각 키워드의 역할 3. promise가 있는데 사용하는 이유1. async/await란?promise를 개선한 비동기 처리방법ES8에 추가된 기능으로 프로미스를 일반 함수처럼 사용하여 가독성을 높이고 쉽게 사용할 수 있도록 하였다async function fn(){ try{ await 비동기 작업 }catch(e){ //에러발생시 처리 }}async는 일반 함수, 익명 함수 앞에 쓰이며 단독으로 사용이 가능하지만 await는 async 키워드가 붙은 함수 앞에만 사용이 가능하다. 2. 각 키워드의 역할 async => 일반 함수를 프로미스 객체로 변환await => 비동기 작업의 완료 결과를 기다림 async는 함수를 비동기 .. 2024. 5. 19.
비동기 처리 작업하는 방법1_promise 목차1. promise란?2. 사용하는 이유1. promise란?비동기 작업의 완료와 에러를 판단하는 객체promise라는 단어의 뜻은 약속이라는 뜻이다. 프로그래밍에서도 비슷한 의미라고 할 수 있는데 약속이 많은 것을 포괄하는 것이 아닌 "내 작업이 끝날 때까지 기다려줘"라는 것이다. 일반적으로 JS에서는 싱글스레드이기 때문에 동기적으로 작업을 진행하지만 간혹 시간함수나 ajax같은 비동기 작업을 만날 때는 동기방식과는 다른 방식으로 진행된다.① 콜 스택에 작업이 들어왔을 때 비동기 작업은 web api로 이동하여 대기한다.② 일정 시간이 지나거나 상태가 변하면 task queue에 작업이 쌓인다.③ event loop는 task queue에 있는 작업을 확인한다. call stack에 전달한다.④ 작.. 2024. 5. 18.

티스토리툴바