본문 바로가기

전체 글

브라우저 렌더링 하는 과정 목차배경브라우저 렌더링 과정 (reflow, repaint)DOM트리 생성CSSOM트리 생성Render Tree 생성Layout (reflow)Paint (repaint)Composite개발자 도구로 렌더링 과정 보기마치며reference배경브라우저가 html, css를 화면에 그리는 과정과 실제 흐름을 개발자도구로 확인하는 과정을 담았습니다.개발을 하다 보면 “어떤 기능이 성능에 좋다”라는 얘기를 많이 듣습니다. 왜 성능에 좋은지 이해하기 위해선 브라우저의 렌더링 원리를 알아야 했습니다. 렌더링 과정 속에서 비용이 많이 드는 작업, 적게 드는 작업, 또는 GPU로 최적화하는 작업등. 이 흐름의 이해를 통해 더 깊이 있게 갈 수 있음을 깨닫고 기록하게 되었습니다.화면이 그려지는 과정HTML을 기반으로 D.. 더보기
부동 소수점을 고정 소수점 방식으로 다루기 컴퓨터는 데이터를 2진수로 저장한다. 정수, 실수 모두 2진수로 저장 가능하다. 정수는 2로 나눠지지 않을때 까지 나눈다. 실수는 소수점을 기준으로 왼쪽은 정수부, 오른쪽은 소수부로 나눈다. 정수부는 정수를 2진수로 변환할때와 똑같이 변환한다. 소수부는 0.xx일 때 소수는 0.xx * 2를 해서 정수부가 1이 되면 1, 곱해도 0이면 0이다.정수를 2진수로십진수 42를 2로 나눕니다.42 ÷ 2 = 21 --- 나머지 0위에서 얻은 몫 21을 다시 2로 나눕니다.21 ÷ 2 = 10 --- 나머지 1몫 10을 2로 나눕니다.10 ÷ 2 = 5 --- 나머지 0몫 5를 2로 나눕니다.5 ÷ 2 = 2 --- 나머지 1몫 2를 2로 나눕니다.2 ÷ 2 = 1 --- 나머지 0마지막 몫 1을 2로 나눕니다... 더보기
나만의 minishell 만들어보기 minishell과제 목적42school의 bash 작은버전을 만들어 보는 과제다. pipex 에서는 간단한 here_doc과 redirection을 구현했지만 이 과제는 pipex의 개념은 물론 기본 명령어 처리, 따옴표 처리, 빌트인 명령어, 시그널 감지, 다중 파이프 구축 을 해보는 것이다. 완전히 동작하는 쉘을 구현한다. bash의 기준에 맞춰 최대한 구현 해본다.구동영상minishell직접 설치 후 실행 해 보고싶으신 분들은 아래 링크에서 소스를 다운받으신 후 빌드하시면 됩니다!https://github.com/enKODING1/minishell과제 해결 과정터미널에 들어오는 명령어들을 파싱하고 처리해줄 수 있는 파서 구현파서 데이터를 터미널 입력 처럼 넣을 수 있게 프롬프트를 생성 따옴표도 하.. 더보기
42경산 2기 2차 라피신 후기 42의 라피신에 참여하게 된 계기42에는 비전공자들도 많이 참여하니 이미 알고 있는 내용을 배우러 가는 게 아닐까 하는 생각이 있었습니다. 친구에게 어떤 곳인지 얘기를 듣고 어떤 곳인지 찾아보니 42는 c언어를 기본적으로 사용하며 과제, 팀 프로젝트 등을 진행하게 된다는 것을 알게 되었습니다. 그리고 이곳은 빠른 취업을 위해 당장 필요한 것을 알려주는 게 아닌 당연히 사용하던 라이브러리들의 동적 원리를 직접 구현해 볼 수 있고 함께 모인 사람들과 얘기하며 협업 능력과 소통 능력을 기를 수 있을 것 같단 생각이 들어 참여하게 되었습니다. 42에서 배우는 내용은 기초를 잘 다져 빠르게 변화하는 IT기술들에 흔들리지 않을 수 있을 것 같단 생각도 들었습니다. 무엇을 배우나요 ?트렌디한 내용들과는 약간 거리가 .. 더보기
해군병 682기 SW 개발병 복무 후기 2022년 03월28일 끝나지 않을 것 같은 610일이라는 시간을 카운트다운 하러 훈련소에 들어가고..2023년 11월27일 보이지 않을 것 같던 0일까지의 카운트를 마침내 끝내어 어떤 환경에서 일을 하게 되는지, 생활은 어땠는지 등 전반적인 후기를 남기고자 합니다. 일하는 환경은 어떤 곳인가요 ?sw개발병들은 말 그대로 정말 해군에서 사용하는 시스템 유지/보수 및 개발을 하게 되는 병사입니다. 그렇기 때문에 일하는 환경도 일반 사무실이라고 생각하시면 될 것 같습니다. 개인당 PC가 주어지는데 업무에 따라 추가적인 기기도 제공이 되며 여름엔 춥고, 겨울엔 따뜻한 환경에서 근무할 수 있게 됩니다. 많은 걸 배울 수 있나요 ?인터넷에서 사용되는 라이브러리들을 국방망에 쉽게 반입할 수 없는 환경이다 보니, 라.. 더보기
밑바닥부터 만드는 컴퓨팅 시스템 후기 The Elements of Computing systems 어떤 책인가요 ? 제목 그대로 하드웨어 부터 소프트웨어까지의 모두 직접 만들수 있는 환경을 제공하여 동작을 이해할 수 있게 도와주는 책입니다!! 밑바닥 부터 만드는 컴퓨팅 시스템 더보기이 책의 저자인 노암 니산,시몬 쇼켄 은 예전에 비해 컴퓨터 기술이 복잡해져 원리를 명로하게 이해하기 어려워 진 요즘 복잡한 시스템을 하나씩 다 배우고 전체적인 흐름을 이해하기가 어려워 진것 같다 느꼈고 컴퓨터의 전체적인 흐름을 밑바닥 부터 직접 구성 할 수 있게 회로도 부터 운영체제 까지 실제로도 만들 수 있는 단순하지만 강력한 컴퓨터 시스템을 설계 하였고 그 컴퓨터 시스템을 이 책을 통해 밑바닥 부터 직접 다 만들어 볼 수 있게 하였습니다 !유튜브에 보면 이 책을 바탕으로 실제 컴퓨터를 만든 사례도 많이 확인 할 수.. 더보기