본문 바로가기

분류 전체보기94

1년 반. 첫 직장 생활 회고 [1편] 마지막 퇴근한 지가 벌써 한 달이 다 되어간다. 퇴사하고 본가로 내려가게 된 터라 자취방에서 2주를 보내면서 주변 사람들과 인사하는 시간을 가졌고 본가로 내려와서 2주 동안은 코테 문제도 풀고 private 레포에 있는 못했던 사이드 프로젝트도 좀 진행하면서 지냈다. 더 늦기 전에 1년 반 동안 있었던 내 첫 직장 생활에 대한 회고를 시작해보려 한다. 회사 생활이 어땟는지는 보다는 개인 성장이 얼마나 어떻게 이뤄졌는지 초점을 맞춰보려 한다. 시작. 그리고? ICT 학점연계 인턴십으로 전 직장을 만나게 되었다. 20년도 9월에 인턴으로 입사했고 총 3군데를 지원했는데, 두 곳은 떨어지고 한 곳만 붙었다. 백엔드 개발자를 목표로 공부했고 그중에서도 Spring을 중심으로 공부했었다. 그런데 내가 맡게 된 직.. 2022. 6. 19.
티스토리 사이드 목차(TOC) 추가하기 사랑합니다. 선생님 (출처) 개요 TOC. Table Of Content의 약자로 콘텐츠 제목들을 테이블 리스트 형식으로 주욱 나열한 걸 말한다. 티스토리 보다는 회사 Notion 이나 개인 Notion에 글을 쓸 일이 많았다. 이전에는 몰랐는데, 노션에 회의록을 작성하거나 위키를 작성할 때 어김없이 필요했던 것이 목차이다. velog에서는 사이드 목차 기능이 있는데 티스토리에는 따로 없기 때문에 tocbot이라는 오픈소스를 이용해서 목차를 만들었다. 2020년 8월 이후 업데이트가 없지만 망가지면 고쳐 쓰지 모 ㅎㅎ 과정 1. html 테마 편집 테마 편집 화면으로 접속한다. 블로그 관리 → 꾸미기 → 스킨 편집 → html 편집 2. tocbot 불러오기 먼저 안에서 tocbot을 불러온다. css와.. 2022. 6. 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. 8. 29.
Javascript Event와 Polyfill, babel Javascript Event 이벤트 핸들러는 모든 브라우저에서 이벤트를 동일하게 처리하기 위한 이벤트 래퍼 SyntheticEvent 객체를 전달받습니다. stopPropagation() 와 preventDefault()를 포함해서 인터페이스는 브라우저의 고유 이벤트와 같지만 모든 브라우저에서 동일하게 동작합니다. SyntheticEvent는 풀링됩니다. 성능상의 이유로 SyntheticEvent 객체는 재사용되고 모든 속성은 이벤트 핸들러가 호출된 다음 초기화됩니다. 따라서 비동기적으로 이벤트 객체에 접근할 수 없습니다. 주의 비동기적으로 이벤트 속성을 참조하고 싶다면 이벤트 객체의 event.persist() 를 호출하세요. 합성 이벤트 풀에서 제거되고 사용자의 코드에서 참조가 가능해집니다. e.p.. 2021. 8. 29.
React의 성능 최적화 1편 (useCallback, useMemo, React.memo) React 컴포넌트가 한 화면에 렌더링 되는게 많아지면 많아질수록 최종 렌더링 시간이 오래 걸리는건 팩트다. 보여주고 싶은 정보가 많을수록, 구조가 복잡할수록 렌더링할 컴포넌트는 많아진다. 더 많이 보여주고싶은 요구를 무시할수는 없으니, 더 효과적으로 렌더링 할 수 있는 방법을 찾아야한다. 그 첫번째 편으로 성능 최적화에 대한 Hooks, Api 를 알아보자! useCallback, useMemo, React.memo 위 3개 항목은 react에서 성능 최적화를 논할때 빠지지 않고 등장하는 react API 이다. useCallback 오늘 코드리뷰를 하다가 짧은 토글 코드에 useCallback 이 사용된 경우를 봤다. 사용되면 안되는 곳에 사용된 것 같은 느낌이 계속 들었는데, 동료가 관련 문서를 찾.. 2021. 8. 1.
KPT 정리 회고를 "잘"하는 방법 퍼실리테이터는 집단 구성원들이 상호작용하는 모습을 관찰하고 그들의 대화를 경청하며, 집단 구성원들이 서로 협력하고 능동적으로 최고의 해결책을 찾을 수 있도록 격려하고, 돕는 사람입니다. KPT 시작하기 짧은 시간 안에 작성하고 공유하는게 중요함. KPT가 끝나는 조건이 정해져있어야함. 새로운 맴버가 들어왔을 떄 KPT에 대해 1분이라도 짧게 설명하는 시간을 가지자. 진행 순서 타미머로 시간을 정해놓고 시작 이전 회고의 Try & Action 진행 상황 공유 Keep, Problem 공유 (토론 X 공유만으로 끝) Try 공유. Problem에서 나왔던 문제 해결 방안 or 다음 스프린트에 시도해볼것들 (토론 X 공유만으로 끝) Try 작성 방법 Try는 다음 KPT(회고)에서 판별.. 2021. 6. 16.

티스토리툴바