전체 글(89)
-
1년 반. 첫 직장 생활 회고 [2편]
1년 반. 첫 직장 생활 회고 [1편]에서 이어진다. 탈도 많고 배운 것도 많은 장애 대응 대부분 인프라 측 장애가 많았다. 서비스를 클라우드 환경으로 제공했는데 사용자의 사용률이 높아지거나 순수하지 않은 목적으로 서비스를 악용하는 사람들이 주된 원인이었다. 감사하게도 대부분은 인프라 엔지니어분들과 개발자들의 활약으로 큰 문제없이 넘어갔다. 필자가 입사하고 크게 장애 대응한건 3번 정도 있었다. 개발자와 인프라 엔지니어가 같이 대응했던 장애 였는데, 그 중 입사하고 몇 달 되지 않았을 때 터진 첫 장애 대응 때는 정말 정신이 없었다. 오후 시간에 장애가 갑자기 터지고 다음날 새벽이 되어서야 복구된 적이 있었는데, 이때 직종을 불문하고 한자리에 모여 각자 포지션에 맞는 대응책을 내놓았다. 정말 인상 깊었는..
2022.06.24 -
1년 반. 첫 직장 생활 회고 [1편]
마지막 퇴근한 지가 벌써 한 달이 다 되어간다. 퇴사하고 본가로 내려가게 된 터라 자취방에서 2주를 보내면서 주변 사람들과 인사하는 시간을 가졌고 본가로 내려와서 2주 동안은 코테 문제도 풀고 private 레포에 있는 못했던 사이드 프로젝트도 좀 진행하면서 지냈다. 더 늦기 전에 1년 반 동안 있었던 내 첫 직장 생활에 대한 회고를 시작해보려 한다. 회사 생활이 어땟는지는 보다는 개인 성장이 얼마나 어떻게 이뤄졌는지 초점을 맞춰보려 한다. 시작. 그리고? ICT 학점연계 인턴십으로 전 직장을 만나게 되었다. 20년도 9월에 인턴으로 입사했고 총 3군데를 지원했는데, 두 곳은 떨어지고 한 곳만 붙었다. 백엔드 개발자를 목표로 공부했고 그중에서도 Spring을 중심으로 공부했었다. 그런데 내가 맡게 된 직..
2022.06.19 -
티스토리 사이드 목차(TOC) 추가하기
사랑합니다. 선생님 (출처) 개요 TOC. Table Of Content의 약자로 콘텐츠 제목들을 테이블 리스트 형식으로 주욱 나열한 걸 말한다. 티스토리 보다는 회사 Notion 이나 개인 Notion에 글을 쓸 일이 많았다. 이전에는 몰랐는데, 노션에 회의록을 작성하거나 위키를 작성할 때 어김없이 필요했던 것이 목차이다. velog에서는 사이드 목차 기능이 있는데 티스토리에는 따로 없기 때문에 tocbot이라는 오픈소스를 이용해서 목차를 만들었다. 2020년 8월 이후 업데이트가 없지만 망가지면 고쳐 쓰지 모 ㅎㅎ 과정 1. html 테마 편집 테마 편집 화면으로 접속한다. 블로그 관리 → 꾸미기 → 스킨 편집 → html 편집 2. tocbot 불러오기 먼저 안에서 tocbot을 불러온다. css와..
2022.06.18 -
[인사이드 자바스크립트] Javascript 기초
라이브러리 knockout MVVM(model, view, view Model) 패턴과 템플릿을 통해 간단하게 동적 UI를 구성할 수 있게 해주는 라이브러리 backbone client side에 간단하게 MVC패턴을 적용 시킬 수 있는 경량 프레임워크 자바스크립트의 핵심 개념 객체 JS의 거의 모든 것은 객체이다. boolean, number, string, null, undefined 은 객체가 아니기 때문에 "거의" 라고 표현함. 제외한 나머지는 모두 객체임. 하지만 null, undefined를 제외한 나머지는 객체로 다룰 수 있음. 함수 JS에서 함수도 객체로 취급한다. 일반 객체보다 조금 더 많은 기능이 있는 객체 라고 이해하면 될 듯. 프로토타입 모든 객체는 숨겨진 link인 prototyp..
2021.08.29 -
Javascript Event와 Polyfill, babel
Javascript Event 이벤트 핸들러는 모든 브라우저에서 이벤트를 동일하게 처리하기 위한 이벤트 래퍼 SyntheticEvent 객체를 전달받습니다. stopPropagation() 와 preventDefault()를 포함해서 인터페이스는 브라우저의 고유 이벤트와 같지만 모든 브라우저에서 동일하게 동작합니다. SyntheticEvent는 풀링됩니다. 성능상의 이유로 SyntheticEvent 객체는 재사용되고 모든 속성은 이벤트 핸들러가 호출된 다음 초기화됩니다. 따라서 비동기적으로 이벤트 객체에 접근할 수 없습니다. 주의 비동기적으로 이벤트 속성을 참조하고 싶다면 이벤트 객체의 event.persist() 를 호출하세요. 합성 이벤트 풀에서 제거되고 사용자의 코드에서 참조가 가능해집니다. e.p..
2021.08.29 -
React의 성능 최적화 1편 (useCallback, useMemo, React.memo)
React 컴포넌트가 한 화면에 렌더링 되는게 많아지면 많아질수록 최종 렌더링 시간이 오래 걸리는건 팩트다. 보여주고 싶은 정보가 많을수록, 구조가 복잡할수록 렌더링할 컴포넌트는 많아진다. 더 많이 보여주고싶은 요구를 무시할수는 없으니, 더 효과적으로 렌더링 할 수 있는 방법을 찾아야한다. 그 첫번째 편으로 성능 최적화에 대한 Hooks, Api 를 알아보자! useCallback, useMemo, React.memo 위 3개 항목은 react에서 성능 최적화를 논할때 빠지지 않고 등장하는 react API 이다. useCallback 오늘 코드리뷰를 하다가 짧은 토글 코드에 useCallback 이 사용된 경우를 봤다. 사용되면 안되는 곳에 사용된 것 같은 느낌이 계속 들었는데, 동료가 관련 문서를 찾..
2021.08.01