자기계발
-
호이스팅 (hoisting)개발공부/CS 2023. 11. 20. 20:00
자바스크립트에서 중요한 개념 중 하나가 "호이스팅"이라고 생각한다. 호이스팅을 이해해야지 코드의 동작을 더 정확하게 파악할 수 있고, 예상 외 동작을 방지할 수 있다. 그래서 오늘은 호이스팅에 대해 자세하게 공부해보려고 한다. 호이스팅이란? 변수 및 함수의 선언문이 스코프 내의 최상단으로 끌어올려지는 현상 (대입문이 아닌 선언문이 끌어올려진다는 것을 기억할 것!) 위에 내용을 이해하기 위해서는 자바스크립트 엔진의 실행 과정을 알아야 한다. JS 엔진은 코드 실행 전 실행 가능한 코드를 형상화 및 구분하는 과정(실행 컨텍스트를 위한 과정)을 거치는데, 이 과정에서 모든 선언 (var, let, const, function, class)를 스코프에 등록한다. 이로 인해 이미 코드 실행 전 변수 및 함수 선언..
-
동기와 비동기_3 (Async & Await)카테고리 없음 2023. 10. 19. 19:30
https://hani-develop-history.tistory.com/43 동기와비동기_2 (Promise) https://hani-develop-history.tistory.com/42 동기와 비동기_1 오늘은 동기와 비동기에 대해 공부했다. 예전 직장에 다닐 때 성능 개선을 위해 비동기 작업에 대해 공부 했던 적이 있었다. 당시에 자사 프로 hani-develop-history.tistory.com 위에 글에 이어서 비동기 공부한 내용을 정리하고자 한다. JS에서 비동기 작업을 도와주는 객체 중 하나인 Async & Await에 대해 공부해봤다. Async & Await Promise의 단점을 보안하여 코드를 훨씬 직관적으로 나타낼 수 있게 해줌 Async return 값으로 Promise를 반환..
-
동기와비동기_2 (Promise)개발공부/React 2023. 10. 18. 12:07
https://hani-develop-history.tistory.com/42 동기와 비동기_1 오늘은 동기와 비동기에 대해 공부했다. 예전 직장에 다닐 때 성능 개선을 위해 비동기 작업에 대해 공부 했던 적이 있었다. 당시에 자사 프로그램이 동기적으로 작동해서 성능 부분에서 문제가 hani-develop-history.tistory.com 위에 글에 이어서 비동기 공부한 내용을 정리하고자 한다. JS에서 비동기 작업을 도와주는 객체 중 하나인 Promise에 대해 공부해봤다. Promise - 비동기 처리를 도와주는 객체 장점 비동기 처리 시점을 명확하게 표현할 수 있음 연속된 비동기 처리 작업을 추가, 삭제, 수정하기 좋음 비동기 작업 상태 종류 Pending: 대기 Fulfilled: 이행 reso..
-
동기와 비동기_1개발공부/React 2023. 10. 17. 14:41
오늘은 동기와 비동기에 대해 공부했다. 예전 직장에 다닐 때 성능 개선을 위해 비동기 작업에 대해 공부 했던 적이 있었다. 당시에 자사 프로그램이 동기적으로 작동해서 성능 부분에서 문제가 있었기 때문이다. 그래서 개념 공부를 하고 코드 작업을 시작하려고 했는데...!! 코드를 확인한 결과 다른 팀의 선작업이 필요한 상황이었다. 아쉽게도 내가 퇴사하기 전까지 다른 팀이 작업해주지 못해서 아쉽게도 성능 개선을 끝내지 못하고 나왔던 기억이 있다. 히히.. 그렇게 시간이 지나고 프로젝트를 하게 되었는데 짧은 기간 냉 기능을 구현해야하다보니 성능면에서 아쉬운 부분이 많았다. 어떻게 하면 성능 개선을 할 수 있을지 찾아보다가 비동기 처리를 해보기로 결정했다. 우선 개념적인 부분을 다시 정리해봤다. 동기 - JS는 ..