부의 코드를 찾아서

1티어를 향해

FrontEnd/Vue.js

- watch 속성 기능에 대해 살펴본다. - 일반적으로 watch는 객체 내부 데이터 변경 감지를 할 수 없는데, 이를 해결하는 방법을 알아본다. 1.watch Vue.js에서 데이터를 감지할 때 watch 속성을 사용한다. 특정 프로퍼티가 변경될 때 지정한 콜백함수가 실행되는 기능이다. computed랑 비슷하다. 둘을 혼동하는 경우가 많아서 블로그에 찾아봤는데, https://blog.jeongwoo.in/vue-js-watch%EC%99%80-computed-%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%99%80-%EC%82%AC%EC%9A%A9%EB%B2%95-e2edce37ec34 [Vue.js] watch와 computed 의 차이와 사용법 Vue.js에서 computed 프로퍼..

2022. 8. 12.

FrontEnd/JavaScript

-자바스크립트 함수선언식과 함수표현식에 대해 알아본다. -호이스팅에 대해 알아본다. -함수표현식의 장점에 대해 알아본다. 함수 선언식 function name () { return 'name' } name() //name 그냥 일반적인 선언 방식이다. 호이스팅에 영향을 받는다. 그래서 실무에서 선언식으로 개발한 컴포넌트는 함수 위치에 따른 에러가 없이 실행될 수 있었던 것이다. 함수 표현식 자바스크립트 언어의 유연성을 활용한 방식이다. 호이스팅에 영향을 받지 않는다. 그렇기 때문에 선언 순서를 잘 고려해야 에러가 나지 않는다. let name = function () { return 'name' } name() //name 호이스팅 개념 호이스팅이란 자바스크립트 인터프리터가 함수 안에 있는 선언들을 모두..

2021. 11. 13.

FrontEnd/JavaScript

- 웹 브라우저가 내부적으로 어떻게 동작하여 화면에 보여지는지 심플하게 정리한다. - 자바스크립트 엔진과 어떤식으로 맞물려 동작하는지 심플하게 정리한다. 웹 개발자인데 가장 기본적인 개념인 DOM 개념과 웹 브라우저 동작 방식을 잘 모르면 안 될 것 같아서 간단하게라도 정리하여 흐름을 이해해 두려고 한다. 자세한 디테일은 타블로그 등(출처)에 너무 잘 나와서 여기서는 빠르게 훑을 수 있도록만 정리한다. 1.브라우저 동작 순서 브라우저의 여러 구성 요소들 중, HTML, CSS를 파싱하여 브라우저에 화면을 표시하는 핵심 역할을 하는 요소가 '렌더링 엔진' 렌더링 엔진은 브라우저마다 각각 다르다. 크롬, 사파리는 웹킷(Webkit), 파이어폭스는 개코(Gecko)를 사용한다. 참고로 크롬은 다른 브라우저들과..

2021. 10. 5.

FrontEnd/JavaScript

-자바스크립트의 동작 원리에 대해 살펴본다. -단일스레드인 자바스크립트가 비동기 방식으로 작동하는 원리를 살펴본다. *개인 공부 목적으로 포스팅한 것이기 때문에 틀린부분이 있거나 취약한 부분이 있습니다. 지적해주셔도 좋고 여러 블로그에서 잘 정리 해두었으니 다양하게 참고해보시면 좋을 것 같습니다. 자바스크립트 런타임 환경, 기본 동작 원리 자바스크립트 런타임이란 자바스크립트 코드가 돌아가는 환경을 말한다. 이 런타임을 구성하고 있는 요소들은 인터프리터 V8 엔진, WEB API, 이벤트루프, 콜백큐 등이 있다. 하나하나 개념을 간단하게 살펴보면 다음과 같다. V8 : 크롬 브라우저의 일부인 엔진이다. 자바스크립트 코드는 V8 엔진을 통해 코드가 해석되고 돌아간다. 대표적으로 자바스크립트 엔진이 V8인 것..

2021. 6. 14.

FrontEnd/JavaScript

최근 프로젝트에서 $('a', 'b') 문법이 종종 나오고 있는데 해석할 때마다 헷깔릴 때가 있어서 정리한다. $('a','b')라고 쓰면 b개체에 포함된 a개체를 선택한다는 의미이다. $('a, b')로 쓰면 a와 b 개체를 모두 포함한다. head1 head2 headData1 headData2

2021. 2. 23.