Gwanduke's Gwanduke's

브라우저는 어떻게 문서를 해석하고 그리는 것일까? 웹 개발자라면 충분히 잘 알아야할 주제이다. 매우 세부적인 내용은 모르더라도 대략적인 흐름과 조심해야할 구간들을 알면 성능적인 부분들을 위해 피해야할 것을 파악하고 개발할 수 있을 것이다. Browser 그리고 엔진 각 브라우저들은 각각 다른 엔진을 사용하고 있다. 그래서 렌더링 과정에 약간의 차이가 있는데 대략적인 흐름은 비슷하다. 아래는 2020년 1월 기준 사용 중인 엔진이다. (출처 링크) - 인터넷 익스플로러: Trident - 인터넷 익스플로러(엣지): Blink - 파이어폭스: Gecko - 사파리: WebKit - 크롬:Blink (크롬은 왜 Blink를 선택했는가?) 브라우저의 렌더링 과정 브라우저가 HTML 문서를 요청하면 .html 파..

들어가며 최근 코드 저장소를 한번 정리하면서, 예전에 문서내 px단위를 rem으로 변환해주는 vscode 확장 프로그램 vscode-convert-px-to-rem을 만들어 보았던 경험을 되짚어보며 개발 과정을 정리 해보았다. Microsoft에서 도구를 잘 만들어둬서 생각보다 개발을 시작하는 것은 쉽다. 다만 배포시 Azure로 이동하는 것 때문에 약간 헷갈릴 수 있는데 아래에 순서대로 설명해두었으니 그대로 따라하면 무리없이 경험해 볼 수 있을 것 같다. Hello World! 기본적으로 Yeoman이라는 Scaffolding 도구를 사용하며 Yeoman generator를 Microsoft팀에서 미리 만들어두었다. 확장 프로그램을 개발하는데 이 두가지에 대해서 자세히 알 필요는 없다. 다음 명령을 실..

최근에 Gmail에 단축키 사용이 가능하다는 것을 알고 사용하게 되었다. 사용하는 단축키는 [e] 밖에 없는데... 그래도 매우 편리하다. [e]는 "보관"을 위한 단축키이다. 설정 방법 받은편지함 > 톱니바퀴 기본설정 > 단축키 => "키보드 단축키 사용" 사용 방법 메일 보관하기 이렇게 선택한 후에 [e]를 눌려보자! 보관이 된다. 한/영에 주의해야한다. 다른 단축키 알아보기 이 링크에서 더 알아볼 수 있다. 단축키 변경하기 "설정 > 고급" 에서 사용자설정 단축키를 "사용"으로 변경해주고 적용한 후, 다시 설정에 들어오면 "단축키" 탭이 생긴다. 여기서 설정이 가능하다. 하지만 나는 [e]만 사용하니까 사용하지 않는다 :) 맺으며 굉장히 쓸데없는 포스팅을 해봤는데, 다른건 몰라도 [e]는 정말 편하..

하스켈 공식 홈페이지를 참고해 작성함 설치하기 공식 홈페이지의 다운로드 페이지로 이동 세가지 방법을 소개하고 있는데 그 중 두번째 Stack을 설치하는 방법을 택함 2. stack은 개발 도구를 관리하는 cross-platform 빌드 툴이고 빌드, 라이브러리 등록 등을 담당한다. https://docs.haskellstack.org/en/stable/install_and_upgrade/#os-x $ curl -sSL https://get.haskellstack.org/ | sh $ stack new hello-world

공식 홈페이지 내용을 참고함 스칼라는 Scalable Language의 줄임말로 Scala라고 칭해진 언어이다. 함수형 프로그래밍에 대한 궁금증이 증폭되면서 스칼라가 많이 궁금해져서 시작하는 방법을 공유해본다. 스칼라 설치하기 자바8 설치 이 링크로 이동해 설치하고 아래 명령어로 설치 확인 $ javac -version sbt 설치 (Scala Build Tool) $ brew install sbt $ mkdir scala-playground $ cd scala-playground 샘플 프로젝트 생성 $ sbt new scala/hello-world.g8 $ cd hello-world-template $ sbt 아래 명령을 실행하면 Main.scala 파일을 변경할 때 마다 run이 수행된다. > ~ru..

$ ruby -v ruby 2.6.3p62 (2019-04-16 revision 67580) [x86_64-darwin18] $ gem install rails $ rails -v Rails 6.0.2.1 $ rails new my-app --database=mysql $ cd my-app $ rails serverlocalhost:3000 접속