코딩 정보56 원시타입, 참조형 관련 헷갈리는 메소드를 정리해보자 목차 원시 타입 string number bigint boolean undefined symbol null 총 7종류가 있다. 변경 불가능한 값(immutable value)변경이 불가능하다는 뜻은 메모리 영역에서의 변경이 불가능하다는 뜻이다. 재할당은 가능하다 변수에 할당될 때, 메모리의 고정 크기로 원시 값을 저장하고 해당 저장된 값을 변수가 직접적으로 가리키는 형태를 띈다. 재할당 시 기존 값이 변하는것 처럼 보일지 몰라도 사실 새로운 메모리에 재할당한 값이 저장되고 변수가 가리키는 메모리가 달라졌을 뿐이다.예시let a = 100;let b = a;a = 50;console.log(b) // 100 즉 메모리에는 100과 50이란 값이 모두 존.. 2024. 11. 5. NodeJs 코딩 테스트 준비 핵심 요약 목차 NodeJs 입력 받기보통 이런식으로 입력을 받는다. const input = require("fs") .readFileSync("./dev/stdin", "utf-8") .trim() .split("\n"); 백준 입출력 팁 아래와 같이 dev폴더안에 stdin을 만들어서 쓰자 제출할때 매우 편하다. 출력 방법출력시 console.log로 간편하게 할 수 있지만 줄바꿈이 자동으로 된다는 문제점이 있다.그럴때는 아래 코드를 통해 해결할 수 있다. 문자열만 가능하기 때문에 String으로 바꾸는 것 잊지말자! process.stdout.write(String(combinations[i][j])); //String만됨 입력 받은 배열 원하는 대로 조작하기보통 위에 처럼 입력 받게 되면 한 배열.. 2024. 10. 19. [React][Virtual Dom][Fiber]에 대해 알아보자 목차 이전걸 참고하면 이해하는데 도움이 됩니다.참고https://be-senior-developer.tistory.com/189 브라우저의 랜더링에 대해 자세히 알아보자목차 브라우저의 정의웹상에 존재하는 페이지들의 HTML 언어를 해석해서 사용자의 컴퓨터 화면에 출력해 주는 프로그램그렇다면 웹브라우저의 구조는 어떻게 되어있을까? 다음그림을 통해 쉽be-senior-developer.tistory.com virtual Dom이란? DOM을 추상화한 가상의 객체로, Virtual DOM은 Real DOM 객체와 동일한 속성을 가지고 있는 가벼운 사본이다. 주요한 특징으로는 다음과 같다.React에는 모든 DOM 객체에 대응하는 가상의 DOM 객체가 있다.React는 실제 DOM 객체에 접근하여 조작하는 대.. 2024. 9. 16. 브라우저의 랜더링에 대해 자세히 알아보자 목차 브라우저의 정의웹상에 존재하는 페이지들의 HTML 언어를 해석해서 사용자의 컴퓨터 화면에 출력해 주는 프로그램그렇다면 웹브라우저의 구조는 어떻게 되어있을까? 다음그림을 통해 쉽게 구조를 볼 수 있다. 사용자 인터페이스: 주소 표시줄, 이전/다음 버튼, 북마크 등 페이지 뷰 이외의 다른 부분브라우저 엔진: 사용자 인터페이스와 렌더링 엔진 사이 동작을 제어렌더링 엔진: HTML, CSS를 파싱해 화면에 요청한 컨텐츠를 표시통 신: HTTP요청과 같은 네트워크 호출에 사용됨JS 엔진: 자바스크립트 코드를 해석하고 실행UI 백엔드: 기본적인 위젯(콤보 박스 등)을 그림자료 저장소: 자료를 저장하는 계층으로 쿠키 등을 저장하는 웹 데이터베이스그 중 우리가 자세히 살펴볼 내용은 렌더링 엔진이다. 랜더.. 2024. 9. 14. 이전 1 2 3 4 ··· 14 다음 728x90
