SW (11) 썸네일형 리스트형 Hi, I am DOM(Document Object Model) 🐟입니다. 오늘 블로그에서 다뤄볼 내용은 바로 문서 객체 모델의 개념인 DOM입니다. 제가 지금까지 여러 블로그를 작성을 하면서 리액트 라이프 사이클, 브라우저 렌더링 .. 등등 여러 블로그에서 DOM을 많이 언급을 했었는데 사실 이 DOM이라는 것이 무엇인지에 대해서 하나도 모르고 있어서 이번 블로그를 통해서 조금 알아보는 시간을 가져볼까 합니다. 지금까지 알고 있는 DOM이라고는 물고기 돔 .. DOM 그게 뭔데? DOM이란 그럼 무엇일까? 문서 객체 모델 HTML, XML과 같은 문서의 프로그래밍 interface라고 할 수 있다. 이게 무슨 말이냐? 문서 객체는 , 와 같은 html문서의 tag를 JavaScript가 사용할 수 있는 객체로 만드는 것이다. 그럼 모델(Model)은 뭘까? 위와 같은 문서 객.. 브라우저 렌더링 과정 혹시 여러분들은 브라우저 렌더링 과정에 대해서 아시나요?? 저는 벌써 프론트엔드라는 분야를 공부한 지 이제 1년이 거의 다 됐는데 아직 브라우저가 어떻게 렌더링이 되고 .. 방식은 무엇이 있는지 정확히 잘 모르고 있어 이번 기회를 토대로 한번 알아볼까 합니다. 그러면!! 렌더링 과정을 알아보겠습니다. 브라우저가 뭘까? 쉽고 간단하게 설명을 하자면 브라우저는 웹을 탐색하고 표시하는 도구이다. 일반적으로 Chrome, Safari, Firefox, Internet Explorer 이런 것들이 있다. 브라우저는 user들이 선택한 자원을 서버에서부터 리소스를 받아와서 그것을 가지고 user들에게 실제로 화면을 렌더링 하여 보여주는 것이다. 브라우저의 렌더링 과정 브라우저의 렌더링 과정은 총 5단계를 이뤄져 있.. TDD에 대해서 알고 있어? TDD? 어디서 많이 들어본 것 같은 용어이다. 뭐를 테스트? 한다. 라는 의미만 알고 있는데 .. 이번에 TDD에 대해서 간단하게 이야기를 해볼까 한다. TDD 그게 도대체 무엇일까? TDD란 Test Driven Development인 TDD는 '테스트 주도 개발'이라는 의미를 가지고 있다. 이는 소프트웨어 방법론 중 하나이며, 반복 테스트를 한다는 것이다. 작은 단위에서 테스트 케이스를 작성한 다음에 그다음 코드를 추가하는 단계를 반복하고 구현을 한다. 짧은 개발 주기의 반복에 의존하는 개발 프로세스이며, 애자일 방법론 중 TEST-FIRST 개념을 포함하고 있다. TDD의 개발 주기 위에 있는 그림을 보면 빨강 초록 파랑을 색깔이 나뉘어 있는데 이러한 것은 무슨 의미를 할까? 먼저 빨강! 빨강은 .. 이전 1 2 다음
