{"version":3,"sources":["webpack:///./src/pages/resume.js","webpack:///./node_modules/core-js/modules/_string-html.js","webpack:///./node_modules/core-js/modules/es6.string.link.js","webpack:///./node_modules/core-js/modules/es6.string.small.js","webpack:///./node_modules/core-js/modules/es6.string.big.js"],"names":["AboutPage","title","className","aboutStyles","container","name","big","small","href","target","work","highlight","link","$export","fails","defined","quot","createHTML","string","tag","attribute","value","S","String","p1","replace","module","exports","NAME","exec","O","P","F","test","toLowerCase","split","length","url","this"],"mappings":"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","file":"component---src-pages-resume-js-a73721a389bad461791b.js","sourcesContent":["import React from \"react\"\nimport { Link } from \"gatsby\"\n\nimport aboutStyles from \"./about.module.scss\"\n\nimport Layout from \"../components/layout\"\nimport Head from \"../components/head\"\n\nconst AboutPage = () => {\n return (\n \n \n
\n

\n 안녕하세요 저는 김수지입니다.\n

\n

\n 모르는것이 무엇인지 아는 상태로 가기 위해 노력합니다.\n
\n 정확한 질문을 하는법과 주석 없이도 설명되는 코드를 작성하는법에 대해\n 고민합니다.\n
\n 스스로를 돌아보기 위해서 하는 문서 작성을 즐깁니다.
\n 새로운것을 배우고 받아들이는것을 늘 환영합니다.\n

\n\n

Personal Project

\n

\n 프로그래밍을 시작하게 된 이유도 만들고 싶은 것을 만들고\n 싶어서였습니다. 만들고자 하는 것의 완성된 모습은 계속해서 그리되,\n 처음부터 모든 기능을 구현하고자 하지 않았습니다. 아래 목록에서\n 확인하실 수 있는 개인 프로젝트들은 모두 버전1의 모습이라고 할 수\n 있습니다. 각 프로젝트의 자세한 내용은 홈 화면에서도 확인하실 수\n 있습니다.\n

\n\n \n\n
\n\n
\n

Work Experience

\n\n

뱅크샐러드

\n\n

\n 데이터 기반 내 돈 관리 서비스{\" \"}\n \n 뱅크샐러드\n \n 에서 2020년 10월부터 일하고 있습니다.\n

\n\n

송금 신규피처 및 백오피스 개발

\n 2020.10 - 현재\n

설명

\n
    \n
  • \n 뱅크샐러드의 송금팀에서 신규피처 및 백오피스 웹 개발을 하고\n 있습니다.\n
    • \n
\n

역할

\n
    \n
  • 신규 피처 개발을 위해 프론트엔드 기술환경 세팅을 했습니다.
    • \n
  • \n 제너레이터 기반의 미들웨어{\" \"}\n \n Reux-Saga\n \n 를 이용하여 비동기 처리를 관리합니다.\n
    • \n
  • \n \n Protocol Buffers\n \n 로 개발된 IDL을 읽고 클라이언트 작업을 할 수 있습니다.\n
    • \n
  • \n \n testing-library\n \n 와{\" \"}\n \n msw\n \n 를 사용하여 통합 테스트를 진행합니다.\n
    • \n
\n

기술

\n
    \n
  • TypeScript, React, Redux, redux-saga, redux-toolkit
    • \n
  • 테스트 코드: Jest, testing-library, msw
    • \n
\n\n
\n\n

체인로지스

\n\n

\n 기업전용 배송 기업인{\" \"}\n \n 체인로지스\n \n 에서 2020년 3월부터 2020년 9월까지 일했습니다.\n
\n 진행했던 프로젝트는 아래에서 확인하실 수 있습니다.\n

\n\n

두발히어로, 바로택배 백오피스

\n 2020.04 - 2020.09\n

설명

\n
    \n
  • \n 체인로지스의 택배서비스인 두발히어로와 배송신청 서비스인\n 바로택배의 백오피스를 개발했습니다.\n
    • \n
\n

역할

\n
    \n
  • 포스트맨을 이용해 API를 테스트하는 방법을 배웠습니다.
    • \n
  • HTTP API 클라이언트 작업을 진행하였습니다.
    • \n
  • 적절한 폴더링에 대한 고민을 했습니다.
    • \n
  • 로그인을 위한 쿠키 설정에 대해 공부할 수 있었습니다.
    • \n
  • \n firebase에서 받아온 실시간 데이터를 지도에 나타내는 작업을\n 했습니다.\n
    • \n
  • \n 성능 최적화를 위해 React.memo와 useCallback훅을 적절하게\n 사용했습니다.\n
    • \n
  • \n 라이브러리를 깊게 사용하기 위해 문서를 더 잘 읽는 방법에 대해\n 고민했습니다.\n
    • \n
\n

기술

\n
    \n
  • Typescript, React Context & Hooks, emotion
    • \n
  • \n 사용한 라이브러리: react-hook-form, react-table, react-dropzone\n
    • \n
\n\n

두발히어로 웹 페이지

\n 2020.03 - 2020.04\n\n

설명

\n
    \n
  • \n 택배 서비스를 신청한 사용자가{\" \"}\n \n 배송 조회\n \n 와{\" \"}\n \n 반품 신청\n \n 을 할 수 있는 페이지의 클라이언트 작업을 했습니다. 데스크탑\n 버전으로 구현되어있던 라이더 모집 페이지는 CSS 반응형 작업을\n 진행했습니다.\n
    • \n
\n

역할

\n
    \n
  • \n 브랜치와 이슈 관리를 통해 Git으로 협업하는 방법을 배웠습니다.\n
    • \n
  • Hooks를 이용한 함수형 프로그래밍을 경험했습니다.
    • \n
  • 반복되는 컴포넌트를 추출하여 재사용하였습니다.
    • \n
  • 비즈니스 로직과 뷰를 분리하여 역할을 나누었습니다.
    • \n
  • flex를 이용해 반응형 페이지 구현했습니다.
    • \n
\n

기술

\n
    \n
  • React Context & Hooks, emotion, styled component
    • \n
  • 사용한 라이브러리: axios
    • \n
\n
\n\n
\n\n

Other Experience

\n

\n 좋은 기회를 통해 4개월 정도 마크업 엔지니어로서 아르바이트한 경험이\n 있습니다. 이 기간 동안 배운 것은 HTML, CSS를 안다고 생각했지만, 사실은\n 아니었다는 점입니다. 어떻게 시맨틱 마크업을 해야 개발자가 더 편하게\n 작업할 수 있을지에 대한 고민, 크로스 브라우징 문제 그리고 클래스는\n 어떻게 관리해야 하는지에 대한 고민을 할 수 있었습니다. 진행한\n 프로젝트는 아래 목록에서 확인하실 수 있습니다.\n

\n\n \n\n

\n Gatsby로 생성한 개인 블로그를 운영중입니다. 기술 발전이 빠른 이유에는\n 무엇이든 공개하고, 공유하는 문화에 있다고 생각합니다. 컨퍼런스 참석\n 후기, 디자이너를 인터뷰 하는 글, 받아들인 지식을 기록하는 글들을 쓰고\n 있습니다. 개발자로써 성장하며 누군가에게 도움을 줄 수 있는 글을\n 쓰는것이 목표입니다. 그 외에도 장고걸스 2019 워크샵, JSConf Korea\n 2019에 참석한 경험이 있습니다.\n

\n\n \n\n
\n\n

Contact

\n\n \n
\n \n )\n}\n\nexport default AboutPage\n","var $export = require('./_export');\nvar fails = require('./_fails');\nvar defined = require('./_defined');\nvar quot = /\"/g;\n// B.2.3.2.1 CreateHTML(string, tag, attribute, value)\nvar createHTML = function (string, tag, attribute, value) {\n var S = String(defined(string));\n var p1 = '<' + tag;\n if (attribute !== '') p1 += ' ' + attribute + '=\"' + String(value).replace(quot, '"') + '\"';\n return p1 + '>' + S + '';\n};\nmodule.exports = function (NAME, exec) {\n var O = {};\n O[NAME] = exec(createHTML);\n $export($export.P + $export.F * fails(function () {\n var test = ''[NAME]('\"');\n return test !== test.toLowerCase() || test.split('\"').length > 3;\n }), 'String', O);\n};\n","'use strict';\n// B.2.3.10 String.prototype.link(url)\nrequire('./_string-html')('link', function (createHTML) {\n return function link(url) {\n return createHTML(this, 'a', 'href', url);\n };\n});\n","'use strict';\n// B.2.3.11 String.prototype.small()\nrequire('./_string-html')('small', function (createHTML) {\n return function small() {\n return createHTML(this, 'small', '', '');\n };\n});\n","'use strict';\n// B.2.3.3 String.prototype.big()\nrequire('./_string-html')('big', function (createHTML) {\n return function big() {\n return createHTML(this, 'big', '', '');\n };\n});\n"],"sourceRoot":""}