본문 바로가기
반응형

정리7

[Javascript] var let const 차이점 es6이후로 let과 const과 나왔는데요. 예전에 var만으로 변수 선언을 했지만 왜 let 과 const가 나왔고 무슨 차이점이 있는지 알아 보겠습니다. 변수 선언 1. var var의 경우를 먼저 보겠습니다. var a = 10; console.log(a); // 10 var a = 100; console.log(a); // 100 var는 변수를 중복으로 선언이 가능합니다. 물론 지금은 예측이 가능하지만 나중에 되면 global 변수 a와 function 안에 변수 a가 중복되어 선언이 될 수도 있고 프로젝트가 커지다 보면 같은 변수 이름 사용해서 예상치 못한 에러가 나올 수 있습니다. 2. let let은 중복 선언은 불가능 하지만 재할당은 가능합니다. let a = 10; console.lo.. 2022. 3. 26.
[Javascript]객체지향 프로그래밍 - OOP OOP 란? OOP란 풀어서 정리하자면, object-oriented programming입니다. 많은 언어가 객체 지향 프로그래밍을 지원하는데요. 예시로는 Java, C++, python, PHP, rust..)등 많은 객체 지향 프로그램이 존재합니다. 이전까지는 많이 사용하던 절차지향 프로그래밍을 사용했는데요. 순서대로 결과를 처리하기에 그쳤다면, 프로젝트가 커지고 복잡해지면서, 스파게티 코드가 양산하게 되었습니다. 이러한 문제들을 해결하기 위해 구조적 프로그래밍이 나왔고 작은 함수로 쪼개는 방식으로 지원했지만 결국 데이터 자체를 구조화 하지는 못했습니다. 그래서 나온 것이 객체지향 프로그래밍, oop인것이죠. 일단 해결할 수 있는, 우리 사람이 보기에 편히 볼 수 있는 최소한의 단위인 객체로 쪼개고.. 2022. 3. 23.
[웹]브라우저 렌더링 동작 원리 브라우저란 무엇인가? HTML, CSS, Javascript들을 해석해서 화면에 띄어주는 응용 소프트웨어입니다. 즉, 브라우저의 기본적인 기능은 client가 접속하고 싶은 주소에 접속하면 해당 웹사이트 서버에 요청을 하고 요청으로 받은 html, css script파일을 해석해서 우리에게 보여주게 해 줍니다. 브라우저의 기본 구조 1. 사용자 인터페이스 - 우리가 처음에 브라우저(크롬, 파이어폭스, 웨일, 사파리...)를 실행했을 때, 기본적으로 브라우저마다 가지고 있는 영역입니다. ex) 창닫기, 전체 화면, 새로고침 등... 2. 브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어합니다. 3. 렌더링 엔진 - 렌더링 엔진에서 내가 요청해서 받은 html css 등을 파싱 해서 보여.. 2022. 3. 21.
반응형

티스토리툴바