본문 바로가기

프론트엔드24

프론트엔드 관련 링크 모음 2 https://velog.io/@gomjellie/You-dont-know-type 너희는 전혀 타입하고 있지 않아 타입 레벨 프로그래밍 velog.io https://black7375.tistory.com/79 [스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링 [스압/데이터주의] 웹 최적화 방식 모음 - 0. 전반적 원칙과 원리 [스압/데이터주의] 웹 최적화 방식 모음 - 1. 다운로드 [스압/데이터주의] 웹 최적화 방식 모음 - 2. 파싱 및 렌더링 트리 [스압/데이 black7375.tistory.com 2022. 5. 3.
프론트엔드 설계 고민 -3- 설계의 기본적인 규칙은 벡엔드나 프론트엔드나 대동소이하다.(사실 프로그래밍 외적인 분야로 봐도 비슷한 거 같다) 하나의 컨셉(관심사)에 집중한다. 하나의 행동(목적)을 여러 단계로 추상화하고 그 단계에 적합한 관심사에 맞는 부분에 집중해서 처리한다. 그런 작은 단위의 작업을 목적을 완성할 때까지 반복한다. 그리고 해당 목적의 디테일이 달라졌을때 또는 그런 추상화한 구조를 다른 목적을 수행하는데 재사용 가능하게 한다. 내가 철학적인 성향이 강해서 그런지 개인적인 생각을 말하자면 프로그래밍 자체가 철학과 유사하다는 생각이 많이 든다. 어떤 관심(목적)을 위해서 지속적으로 추상화된 보편율(코드)를 구하고 그를 검증하고 다듬는다. 물론 그렇게 개발을 하지 않는 사람도 많겠지만... 적어도 나는 그렇게 생각하고 .. 2022. 4. 26.
토스 프론트엔드 기술면접 후기 참 여러번 지원해봤고 번번히 서류 탈락의 고배를 마셨던 회사다. 이번에 프로그래머스 프론트엔드 데브매칭을 통해서 지원한 것이 우연찮게 데브매칭 -> 사전과제 -> 1차인터뷰 -> 2차 인터뷰로 순으로 전형이 진행 되었는데 1차 인터뷰까지 보고 탈락했다. 과제는 그렇다 쳐도 인터뷰까지 들어가서 내가 궁금해 했던 내용들에 대한 충분한 답을 얻었기에 이제 토스에 대한 관심은 거둬도 될거같다. https://www.youtube.com/watch?v=LmLchZ4tCXc&t=1844s 토스에 관심 가진 계기 1. 3명으로 예정된 인터뷰어가 2명으로 변경됨. 2. 면접 시작시 기존의 지원 내역(서류탈락 다수)을 언급함. 3. 질문의 답변을 얻으려는 태도가 아니라 웃으면서 그냥 하고 싶은말이나 해보라고 함. 이렇듯.. 2022. 4. 12.
리액트 포탈과 렌더링 고민 컨텍스트를 포탈로 감싸는게 flux 패턴을 위함일까? 기존의 provider 방식과 무슨 차이를 가질까? 렌더링 측면에서 관련없다. 포탈로 context를 제공한다고 해도 각 상태값이 렌더링 되는건 기존의 context api와 차이가 없다. context을 제공하는데 portal을 활용하는게 아니라 portal을 공통으로 제공하는데 context를 활용하는 측면이 있다. 그 역은 성립하지 않는다. (라고 설명을 들었다.) 개인적으로 영감을 느낀 부분이 조금 있어서 해당 부분을 상태관리에 활용할 방법을 고민해봐야겠다. DOM트리를 벗어나는 설계를 한 이유는 그냥 모바일 특유의 네비게이션 이 목적으로 보인다. UI 특징에 상단 해더와 하단 버튼등 해당 레이아웃을 포탈을 통해서 컨테이너 컴포넌트 내부에서 관.. 2022. 4. 9.