겨리의 개발일기

브라우저의 렌더링 과정 브라우저는 크게 네가지 단계를 거쳐 렌더링을 수행한다. 1. 요청 ✅ 브라우저가 서버에게 필요한 리소스를 요청하는 단계 2. 렌더트리 생성 ✅ HTML을 파싱하여 DOM Tree를, CSS를 파싱하여 CSSOM(CSS Object Model) Tree를 만든 후 두 트리를 조합하여 렌더트리를 구성한다. ✅ 렌더 트리는 화면에 나타나는 요소들을 결정하는 트리이다. → 어떤 요소들이 보여야하는지, 어떤 스타일이 적용되어야 하는지, 어떤 순서로 나타낼 것인지를 명세하는 트리이다. 3. 레이아웃(리플로우) ✅ 렌더 트리 구성이 끝나면 레이아웃 단계가 이어지는데, 이 단계에서는 렌더 트리에서 계산되지 않았던 노드들의 크기와 위치, 레이어 간 순서와 같은 정보를 계산하여 좌표에 나타낸다. ✅..

Programming/기타 2023. 7. 5. 21:11

Git workflow Git config 설정 명령어 git config--list # 모든 설정들을 확인할수있음 git config--global -e # .gitconfig 파일을 수정할 수 있음 git config --global core.editor “code” git config --global -e # 커맨드 창이 활성화된 상태로 .gitconfig 파일을 수정할 수 있도록 열린다. git config --global core.editor “code --wait” git config --global -e # 커맨드 창이 비활성화된 상태로 .gitconfig 파일을 수정할 수 있도록 열린다. # 저장 전에는 커맨드 창이 비활성화 user 설정하기 git config —global user.na..

Programming/기타 2023. 3. 27. 18:28

기존 로컬에서 작업중이던 프로젝트를 깃헙에 올려서 관리하기 위해 새로운 repository 생성 후 commit하는 과정에서 문제가 생겼다. 일단 현재 사용하는 PC에 git 자체가 없었기 때문에 설치부터함! 밑의 블로그 글 참고해서 진행 https://webnautes.tistory.com/1422 Visual Studio Code에서 Github에 업로드하는 방법 Visual Studio Code에서 Github에 코드를 업로드하는 방법을 다룹니다. 2020. 5. 26 최초작성 2021. 8. 23 마지막 업데이트 - GitHub의 메인 브랜치 이름이 master에서 main으로 변경됨. 2021. 9. 17 GitHub에서 인증시 webnautes.tistory.com 별 생각 없이 커밋을 했으나..

Programming/기타 2023. 2. 21. 17:58

yarn 혹은 npm 으로 서버 실행 명령어 입력시 종종 나타나는 오류. 사실 vue를 처음 썼을 때도 마주했던 오류로 powerShell이 아닌 cmd 로 터미널을 열면 오류가 안 나길래 그냥 사용 했었다. 오늘도 리액트 책 보면서 실습하다가 나타나서 처음엔 경로 문제인가 하고 보다가(그새 까먹음ㅋㅋㅋㅋ ㅜㅜ) 검색해보고 이제야 원인을 제대로 알게되었다! 오류 내용은 캡처에 나온대로 yarn: 이 시스템에서 스크립트를 실행할 수 없으므로 C:\...yarn.ps1 파일을 로드할 수 없습니다. 자세한 내용은... 로 PowerShell은 기본적으로 권한을 'Restricted' 로 부여하는데 이는 ps1 확장자 파일을 실행하지 못하도록 하기 때문에 해당 오류가 나는 것이다. 간단히 말해 권한이 없는 상태..

Programming/기타 2022. 8. 28. 17:25