반응형 전체 글280 🏄♀️ 4월 5주차 회고 🧗🏼 사이드 프로젝트 Express 세팅 이번에 저녁에 시간날때 Express세팅을 해보았다. DB 연결 , 라우터 설정 하였고, 도커의 네트워크 이용하여 컨테이너 연결 까지 해보았다. 이러한 일련의 과정들을 블로그에 하나하나 써볼 예정이다. Express는 Node.js의 백엔드 프레임 워크이다. 아마 사이드프로젝트는 블로그 프로젝트 개발을 할 예정이다. 🎫 면접 후기 이번에 3월 말부터 현재(4월 말)까지 여러군데 면접을 보았다. 조만간 일하게 되지 않을까 싶다. 역시 많이 부족한것도 많구나 싶었다. 4월4주차 회고에도 적었지만, 회사마다 요구사항이 다르다고 느꼈다. 같이 일할 수 있는 사람인지 판단하는것 같기도 하고, 기술력을 테스트 하는곳도 있었다. 요즘 취업이 힘들것으로 알고 있다. 경력이 있으.. 2023. 4. 30. 🐌 4월 3주차 회고 🙉 면접으로 바쁜 한주 근 1~2주동안 면접을 주2회는 본것같다. 면접을 보면서 느끼는거지만, 회사마다 추구하는 사람이 달랐던 것 같다. js,ts의 질문을 많이 하는 경우도 있었고, 단순히 회사랑 적합한 사람을 보는경우도 존재하였고, 앞으로 회사를 이끌어 주는 것을 요구하는 회사도 있었다. 회사마다 다양한 케이스에 놓여있기 때문에 탈락하더라도, 크게 좌절 할 필요는 없어보인다. 🐡 데이터베이스 커넥션 풀 개인적으로 사이드 프로젝트를 진행할려고 한다. 본업은 프론트이지만, 다양한 개발 시각을 넓히기 위해서는 백엔드도 하는 경험이 필요 하지 않을까 라는 생각이 든다. 그 와중에 node로 개발 중 디비 연결은 성공하였지만, 사실 한번 api를 호출할때마다 연결 하는 것이 필요하므로 불필요한 과정이 필요하다.. 2023. 4. 23. 🎈 4월 2주차 회고 🎉 프론트엔드 성능 최적화 요즘 면접보는 과정에서 성능 최적화에 대해서 물어보곤 한다. 아무래도 화면에 뜨는 시간이 짧을 수록 매출에 관계가 있다고 해서 많이들 요구하는 상황인것 같다. 그리하여 https://ui.toast.com/fe-guide/ko_PERFORMANCE 글을 읽어보았고, 어떻게 성능을 최적화해서 회사와 개인의 이익에 향하게 해야하는지 고민이 필요해 보인다. 브라우저렌더링 과정의 이해도 필요하고, 리소스 요청 줄이기가 필요할 것이고, vue를 사용한다면 vue 디렉티브 활용도 생각해봐야 할듯 하다. 📪 typescript 공부 시작 및 javascript 객체지향 javascript은 프로토타입 기반 객체지향 프로그래밍이라고 한다. 그렇지만 말만 들었지, 어떻게 객체지향적으로 만들어야.. 2023. 4. 16. 🏸 브라우저 렌더링 과정 🏈 브라우저 렌더링 순서 모든 브라우저는 화면에 보여주는 과정(렌더링)의 순서가 존재한다. 렌더링을 얼마나 빠르게 하느냐에 따라 사용자의 화면 머무는 시간이 길어질 수 있다. 그리하여 "모던 자바스크립트 deep dive" 기반으로 스스로 순서를 정리해보았다. 브라우저 순서를 정리하면 아래와 같다 서버로부터 html,css,js,image 등 자원을 요청한다. 렌더링 엔진이 HTML,CSS 를 각각 DOM,CSSOM을 생성한다. DOM,CSSOM을 결합하여 렌더트리를 생성하고, 레이아웃 => 페인팅을 거쳐 화면에 보여진다. 3-1. 리레이아웃과 리페인트가 이루어지는 경우 성능에 좋지 않을 수 있다. : 자바스크립트에 의한 노드 추가/삭제 : 브라우저 창의 리사이징에 의한 뷰포트 변경 : HTML 요소의 .. 2023. 4. 12. 이전 1 ··· 42 43 44 45 46 47 48 ··· 70 다음 반응형