리타의 저장소

프론트엔드적 브라우저 렌더링?한창 브라우저 렌더링을 검색할때, 멘토님이 프론트엔드적 브라우저 렌더링이 무엇이냐고 물어보셨다. 프론트엔드적 브라우저 렌더링? 엄청 심오한 이야기이려나 싶었지만, 우리가 흔히들 말하는 CSR, SSR 등에 대한 고민에 대해 말씀해주셨다.렌더링의 종류정리부터 말하자면, 렌더링의 종류를 구분짓는건, 렌더링 포인트(시점)의 차이라고 말할 수 있겠다. 표시해줄 화면의 렌더링을 어디서 하느냐의 차이. 렌더링 포인트의 차이!SSR : Server Side Rendering서버에서 사용자에게 보여줄 페이지를 모두 구성해서 사용자에게 페이지를 보여주는 방식.JSP/Servlet의 아키텍처에서 사용.모든 데이터가 매핑된 서비스 페이지를 클라이언트(브라우저)에게 바로 보여줄 수 있음.서버를 이..

파싱이란? 파싱은 쉽게 말해서 구문을 분석하는 행위라고 볼 수 있다.구성 성분을 분해하고 분해된 성분의 위계를 분석해서 구조를 결정 (== 파스트리)문법적으로 갖는 가장 작은 단위인 '토큰'으로 분해하고 이 토큰을 노드로 배치하고 이 노드들을 위계에 맞게 트리화 (== 파스트리) 화면에 그려지는것은? (== 브라우저 렌더링) 그러니까, 브라우저가 화면에 무언가 그리려면 당연히 소스가 필요하다.흔히 아는 HTML, CSS, JS , 이미지 등등... 이 리소스들(자원)을 그럼 어디서 받아오는가? 서버에 요청해야 한다. 그렇다면 그 서버에 어떻게 요청할까?바로 주소창의 URL이 그것이다. 브라우저렌더링#1도메인 네임서비스 . URL의 호스 이름이 DNS를 통해서 진짜 주소인 IP주소로 변환이 되고 이 IP ..

제로베이스에서 시작하는 프론트엔드 공부..업무를 하다보니 백엔드도 백엔드지만, 프론트엔드 지식이 너무 빈약하다는 생각이 들어, 프론트엔드 공부를 시작했다.아카데미에서 프로젝트를 진행할 때엔 프론트엔드를 맡은 경험이 많은데, 사실상 아무것도 알지 못한채 말 그대로 '구현' 위주로 학습을 했던 것 같다. 그래서 이론적인 지식이 매우 빈약했던 것 같아서 지금이라도! 공부를 ... 해보려고 한다.사실 공부를 한지는 한 세달 정도 된거같은데, 퇴근 후에 공부를 하는 게 쉽지가 않아서 애벌레기어가듯 진도를 나가고 있다. 서론은 이정도 하고.. 지금까지 배운 내용을 정리할 겸.. 오랜만에 벨로그를 작성한다. 브라우저란?Chrome / Safari / Firefox / IE 등. 인터넷 접속시 사용하는 것들.MDN에서..

콜백함수란?콜백(Callback) 함수는 간단히 말하면 매개변수로 함수 객체를 전달해서 호출 함수 내에서 매개변수 함수를 실행하는 것을 말한다.별로 간단하지 않아 보인다.더 간단히 말하면, 다른 함수가 끝나고 실행되는 함수 (callBack 되는 함수)앞서 Javascript#1 에서 이야기 했듯이, 자바스크립트에서 함수는 객체이다.자바스크립트에서 콜백함수를 사용하는 이유는, 추상화를 통해, 유연성과 확장성을 위한 장치를 만들어 놓는 것이라고 생각하면 좋다.콜백함수 활용 사례addEventListenerlet button = document.getElementById("button"); // 버튼 요소를 선택// 버튼에 클릭 이벤트 리스너를 추가button.addEventListener("click", ..

💡 오늘의 한줄 요약 : 일급함수와 일급객체- 변수에 할당(assignment)할 수 있다.- 다른 함수를 인자(argument)로 전달 받는다.- 다른 함수의 결과로서 리턴될 수 있다. 일급함수는 무엇이고, 일급객체는 뭘까?자바스크립트를 처음 공부할때, 가장 어려웠던 말이다. 일급함수. 일급객체. 어휘가 참 어렵다.결론부터 이야기하자면, 내가 생각하는 일급함수, 일급객체란 값으로 정의할 수 있는 객체이다.변수에 할당하려면 값이어야하고, 파라미터로 전달하려면 값이어야하고, 리턴이되려면 값이 어야한다.∴ 그. 래. 서.값으로 정의 내릴 수 있는 객체를 일급 객체라 할 수 있다. 일급 객체'일급' 이란 뜻은 일급 시민 처럼 무슨 혜택을 받는 다는 뜻이 아니라, 사용할 때 다른 요소들과 아무런 차별이 없다는..