{"componentChunkName":"component---src-templates-index-js","path":"/","result":{"data":{"site":{"siteMetadata":{"showThemeLogo":true}},"profile":{"about":"JavaScript 생태계의 관심이 많으며, 웹 개발을 주로 해왔습니다. \n\n현재는 React와 TypeScript를 사용하여 프론트엔드 개발을 주로 맡아서 하고 있으며, UI/UX 개선에 관심이 많습니다.\n서버 개발과 AWS를 활용한 배포/운영에도 경험이 있어, 각 파트에 대한 이해를 통해 적절한 타협과 커뮤니케이션에 원할합니다.\n\n앞으로는 프론트엔드 개발에 집중하여 사용자의 불편함을 해소하는데 일조하려 노력할 것입니다.\n","company":"(주) 크몽","email":"gyejoong.yeon@gmail.com","focus":"React","focus_url":"https://ko.reactjs.org","for_hire":false,"image":{"childImageSharp":{"fixed":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAUABQDASIAAhEBAxEB/8QAGAABAQEBAQAAAAAAAAAAAAAAAAUEAgP/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAAB0S72AbLonngJqoKn/8QAHBAAAwABBQAAAAAAAAAAAAAAAQIDAAQREjIz/9oACAEBAAEFAtbdkM7PNkbmlpgsYq+AbLXpL0z/xAAXEQEAAwAAAAAAAAAAAAAAAAAQAREx/9oACAEDAQE/AaIw/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAgEBPwEf/8QAHRAAAgEEAwAAAAAAAAAAAAAAAAESAhEgUSGBkf/aAAgBAQAGPwKFHG2Xl6KrZLosJYf/xAAcEAEAAwACAwAAAAAAAAAAAAABABEhMWEQQVH/2gAIAQEAAT8hCtosJTKelYwAvS4SZtQ8A1+QiOAqckeenx//2gAMAwEAAgADAAAAEGsAvP/EABcRAAMBAAAAAAAAAAAAAAAAAAEQETH/2gAIAQMBAT8QFCrRf//EABcRAAMBAAAAAAAAAAAAAAAAAAEQETH/2gAIAQIBAT8QsR1f/8QAHRABAAEFAAMAAAAAAAAAAAAAAQARITFRYRBBcf/aAAgBAQABPxBR79oXwGsQbt7PohnUDJqpCk5TQ3UzDIjAJC8NIBAOEFS6RW0XLU54/9k=","width":144,"height":144,"src":"/portfolio/static/c16e89c2f65bcbaa120e8783d4dc14e8/0ec62/profile.jpg","srcSet":"/portfolio/static/c16e89c2f65bcbaa120e8783d4dc14e8/0ec62/profile.jpg 1x,\n/portfolio/static/c16e89c2f65bcbaa120e8783d4dc14e8/77630/profile.jpg 1.5x,\n/portfolio/static/c16e89c2f65bcbaa120e8783d4dc14e8/0bc49/profile.jpg 2x","srcWebp":"/portfolio/static/c16e89c2f65bcbaa120e8783d4dc14e8/23f79/profile.webp","srcSetWebp":"/portfolio/static/c16e89c2f65bcbaa120e8783d4dc14e8/23f79/profile.webp 1x,\n/portfolio/static/c16e89c2f65bcbaa120e8783d4dc14e8/84316/profile.webp 1.5x,\n/portfolio/static/c16e89c2f65bcbaa120e8783d4dc14e8/d13ea/profile.webp 2x"}},"publicURL":"/portfolio/static/c16e89c2f65bcbaa120e8783d4dc14e8/profile.jpg"},"initials":"JYK","location":"Incheon, Korea","name":"Jun Young Kang","profession":"Web Developer","relocation":false,"skills":["JavaScript","HTML / CSS","React"],"tools":["React","VSCode","TypeScript"]},"social":{"nodes":[{"name":"github","url":"https://github.com/Gyejoon"}]},"history":{"nodes":[{"company":"(주)크몽","period":"2020.10 ~","position":"Front-end Developer","url":"https://www.kmongcorp.com"},{"company":"(주)무른모","period":"2018.04 ~ 2020.09","position":"Web Developer","url":"http://www.moornmo.com"},{"company":"(주)리치웨어시스템즈","period":"2017.11 ~ 2018.02","position":"Web Developer","url":"http://www.richware.co.kr"}]},"projects":{"nodes":[{"description":"규칙이 있는 출석 스터디 그룹을 매칭시켜주고, 페널티를 부여해서 목표를 달성하도록 동기부여를 하는 어플리케이션입니다.\n12월 중 1차 릴리즈를 목표로 하고 있으며, 1차 목표는 유저 반응 확인 입니다.\n","icon":"github","image":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAArCAYAAAB4pah1AAAACXBIWXMAAAsTAAALEwEAmpwYAAADkElEQVRIx+1X3U/bVhT3//8yVZvaUWlPe6hUrTyMh9JJm4ABEimUoYSOQBJMiGM7jh07thPHTvzbOdcfsR3DQGrfuNHR/f75fJ8bKY5jGIYBRVEwm83Ajdcea9n+YrGA63pwpw6cyQBhGELizW6vh1arhYlt5xeyS0Xw6tpkMoF818dtr42JdoLZPIBU/fpyucRqtRJUBagDrzbpqeLVzcU4pThOGBAcftzdxe87Ozg8OsLW27fY3t4Wa1fttrjI3BbB5lGEhtbHl9EAJ9odDoc9DNxEXQLw8utX7O3tJf3+Pk5PT9H43MDt7W1JpxlgSGqRHQvy1ELHNnA9GcEKZs8TuU6PdWeldISIvqp5Dsa+C2vmQafxg+5C7sE0DwJxL8aae2lJ+mHywwUujSFuLB3/jlV8HsriULRaiv2iyP58Ti4yh+O6BLwoqUXS/CmMwIe5mMGOAthhkPdjWjOIC504ZmC+sKqAF/XLe0Jke2LDHJtwyLHZWU3ThOd5tGbBdxS6FWYyP2ikBX0wt/I/Fxf4cn6O9vU1ms2msHKn28H5RQvt5h+I5mYtkOCWenOowpTv1oDTKYlNXLm+B5viUhuN4NBatIye5OBo3gC/vMcqA/QXgYjjsTlGQAHP1puSwk3LQhRFG9xlYKqq4Oz0BFuvf8KfH3fXHKrkIneDAXrdrsgYbFVd19GlOWeUasLIIufsrIHf3v2Kn7fe4C8KjFrHzqyVz1OAzLpiTP2ycGbDsVkswVmaaXiDxxmVjJCJjRR8tc5O61i+vMQ+xTBb+Oj4GG1KCrufPmH/4IDEOkOj0cDV1RUOaO77/oYKxpYp9J0D8oJKOjPIKNpIh6KqGBLpZG3mnkECMhRn9KqRslbikMPIJjdxyZl9umQ7jlhjNdQlgyKYSUzcdK4TnWY6HPoO5Ps+bsixGYSVrumacPQ6KyNe++HOh/d49eMP8IiBHDAkB2ZRmFZpsggLc/7AJqXGi5Yi42QJRMrSePLb1E3VoescvJRtMl9D5cDG/JGkWjwn/R8HzyUJ37i9AL4AvgA+CfC7xXL8yFMtKUrP5LDu3VLO0k/kMCuVAaX+6TwpQjyPUhJ7VKD4RZGsR6W9MD+f9HmhV+iN/Pd9p7bgK+pQVMVqbeZ2T/9vgkLdyQF1b4qWoYiHZ7VxRWSqNgYfUjHjCll6OZTqa5xw1e/3RfE/on8GTIdpz497WZYf/N/yH2LRIQ41Tb3FAAAAAElFTkSuQmCC","aspectRatio":0.4624277456647399,"src":"/portfolio/static/96f682fa5749a0c198749ae00b1f04b4/daba2/project3.png","srcSet":"/portfolio/static/96f682fa5749a0c198749ae00b1f04b4/741f8/project3.png 160w,\n/portfolio/static/96f682fa5749a0c198749ae00b1f04b4/a6be1/project3.png 320w,\n/portfolio/static/96f682fa5749a0c198749ae00b1f04b4/daba2/project3.png 375w","srcWebp":"/portfolio/static/96f682fa5749a0c198749ae00b1f04b4/35b65/project3.webp","srcSetWebp":"/portfolio/static/96f682fa5749a0c198749ae00b1f04b4/ffac1/project3.webp 160w,\n/portfolio/static/96f682fa5749a0c198749ae00b1f04b4/e7378/project3.webp 320w,\n/portfolio/static/96f682fa5749a0c198749ae00b1f04b4/35b65/project3.webp 375w","sizes":"(max-width: 375px) 100vw, 375px"}}},"name":"CheckMate (가제)","status":"in progress","tags":["React Native","TypeScript","Redux"],"url":null},{"description":"좋은 책을 소개하고 리뷰하고 평점을 맺으며, 독자와 저자간의 소통을 할 수 있도록 커뮤니티 요소를 포함한 서비스입니다. \n웹 / 모바일 환경을 둘다 고려하기 위해 반응형으로 개발중에 있으며, GoodReads 에서 영감 받아 기획 / 개발에 참여 하게 되었습니다.\n","icon":"github","image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAMGBf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAFb9dpLFSV//8QAGBAAAwEBAAAAAAAAAAAAAAAAAQIDABD/2gAIAQEAAQUCmKHMaKHarF+//8QAFREBAQAAAAAAAAAAAAAAAAAAEBH/2gAIAQMBAT8Bp//EABQRAQAAAAAAAAAAAAAAAAAAABD/2gAIAQIBAT8BP//EABsQAAEEAwAAAAAAAAAAAAAAAAABEBEiEkKR/9oACAEBAAY/AtyufCbiP//EABwQAQACAQUAAAAAAAAAAAAAAAEAIREQQVFxkf/aAAgBAQABPyEJyn2V0u1UqYVwxI4O+v8A/9oADAMBAAIAAwAAABA8z//EABYRAAMAAAAAAAAAAAAAAAAAAAEQQf/aAAgBAwEBPxAQv//EABcRAAMBAAAAAAAAAAAAAAAAAAABEUH/2gAIAQIBAT8Qa0p//8QAGhABAQACAwAAAAAAAAAAAAAAAREAQRCBwf/aAAgBAQABPxCI9KIOdYMR9+tgUtgQEpvB1Cwzn//Z","aspectRatio":1.839080459770115,"src":"/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/b67a5/project.jpg","srcSet":"/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/3cf47/project.jpg 160w,\n/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/2b683/project.jpg 320w,\n/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/b67a5/project.jpg 640w,\n/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/36308/project.jpg 960w,\n/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/684d9/project.jpg 1280w,\n/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/fc54d/project.jpg 1430w","srcWebp":"/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/97a54/project.webp","srcSetWebp":"/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/ffac1/project.webp 160w,\n/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/e7378/project.webp 320w,\n/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/97a54/project.webp 640w,\n/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/5899f/project.webp 960w,\n/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/fad22/project.webp 1280w,\n/portfolio/static/5e8e6336bffcdb0f7d408309dc50a320/2b816/project.webp 1430w","sizes":"(max-width: 640px) 100vw, 640px"}}},"name":"Reading Log","status":"stop","tags":["React","TypeScript","Redux"],"url":"https://github.com/Gyejoon/ReadingLog"},{"description":"지뢰찾기 게임을 웹에서 구현하기 위해 React와 Mobx를 이용하여 개발하였습니다.\n","icon":"github","image":{"childImageSharp":{"fluid":{"base64":"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAQABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAEDBf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhADEAAAAd6dUMA//8QAFxAAAwEAAAAAAAAAAAAAAAAAARAxEf/aAAgBAQABBQIwVYv/xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAEDAQE/AT//xAAUEQEAAAAAAAAAAAAAAAAAAAAQ/9oACAECAQE/AT//xAAUEAEAAAAAAAAAAAAAAAAAAAAg/9oACAEBAAY/Al//xAAXEAADAQAAAAAAAAAAAAAAAAABEBEA/9oACAEBAAE/IXBF0L//2gAMAwEAAgADAAAAEMPP/8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAwEBPxA//8QAFBEBAAAAAAAAAAAAAAAAAAAAEP/aAAgBAgEBPxA//8QAGxAAAQQDAAAAAAAAAAAAAAAAAQAQETEhUWH/2gAIAQEAAT8QsVHS0CCcICMjbf/Z","aspectRatio":1.2403100775193798,"src":"/portfolio/static/fc689ff6331166264629563642af80a5/8f16a/project2.jpg","srcSet":"/portfolio/static/fc689ff6331166264629563642af80a5/3cf47/project2.jpg 160w,\n/portfolio/static/fc689ff6331166264629563642af80a5/2b683/project2.jpg 320w,\n/portfolio/static/fc689ff6331166264629563642af80a5/8f16a/project2.jpg 624w","srcWebp":"/portfolio/static/fc689ff6331166264629563642af80a5/ca98b/project2.webp","srcSetWebp":"/portfolio/static/fc689ff6331166264629563642af80a5/ffac1/project2.webp 160w,\n/portfolio/static/fc689ff6331166264629563642af80a5/e7378/project2.webp 320w,\n/portfolio/static/fc689ff6331166264629563642af80a5/ca98b/project2.webp 624w","sizes":"(max-width: 624px) 100vw, 624px"}}},"name":"Mine Sweeper","status":"live","tags":["React","TypeScript","Mobx"],"url":"https://github.com/Gyejoon/MineSweeper"}]}},"pageContext":{}}}