본문 바로가기

전체 글

tsconfig.json 분석 #1 compileOptions - module과 target Typescript를 컴파일 하기 위해서는 tsconfig.json 파일이 필요하다. 그런데 PR로 올라온 코드를 리뷰하다보니 이 파일에 대해 분석해보고 싶은 생각이 들어서 궁금할 때마다 하나씩 분석해보려고 한다. 우선 루트 경로에 tsconfig.json 파일을 추가한다. typescript를 사용하겠다고 하고 CRA를 실행했다면 이미 있을 가능성이 있다. 그러면 다음과 같은 내용의 코드가 있을 것이다. 우리가 볼 것은 compileOptions의 target과 module이다. module은 자바스크립트 파일 간 import를 할 때 어떤 문법을 사용할지 결정하는 곳이다. commonjs의 경우 require 문법을 사용하고 ES2015, ESNext는 import 문법을 사용한다. target은 해.. 더보기
[Typescript] Expected to return a value at the end of function 'read' * 상황 - 현재 React, Typescript, Eslint(airbnb), Prettier을 사용하고 있다. 나는 한 개의 데이터를 가지고 D3로 라인차트를 뿌려주고 싶다 ! 현재의 로직은 ts 파일에서 데이터 가져오기, url에서 csv 데이터 가져오기 이 두 가지이다. * 원인 - read 마지막에 return이 없었다. * 해결방안 - read 마지막에 return을 추가해줬다. 더보기
Typescript 챌린지#1) never와 infer 키워드는 무엇인가? 최근에 OSSA에 같이 합류하게 되어 Githru팀으로 챌린지를 진행하고 있다. 챌린지에서는 타입스크립트와 d3에 대해 공부하는 시간을 갖고 마스터에서는 실제로 오픈소스 플랫폼을 이용해 협업하여 실 서비스를 배포한다고 한다. 팀에서 추천받은 타입스크립트 튜토리얼 중에 타입스크립트 챌린지라는 것이 있는데 요즘 이것을 하고 있다. 그런데 타입스크립트에 대해 정말 모르는 것이 많아서 블로그에 챌린지를 하면서 궁금했던 것, 왜 이건 이렇게 되는 건지 알게 된 것을 기록해두려고 한다. 오늘은 never와 infer 키워드에 대해 정리해보려고 한다. never 타입에 대해 간단하게 설명하자면 값의 공집합이라고 한다. 집합에 어떤 값도 없기 때문에 never 타입은 any 타입의 값을 포함해 어떤 값도 가질 수 없다.. 더보기
2022 GDG 캠퍼스 코리아 GDG 썸머 해커톤 : 오프티벌 후기 GDG Campus Korea Google Developers 프로그램의 하나며, 학생 운영진으로 구성되어 있다. 썸머 오프티벌에 참여하게 된 계기 해커톤은 해킹과 마라톤의 합성어로 기획자, 개발자, 디자이너 등의 직군이 팀을 이루어 제한 시간 내 주제에 맞는 서비스를 개발하는 공모전이다. 이전에도 한이음 공모전에 도전해본 경험이 있지만 그럼에도 불구하고 해커톤이라는 공모전에 참여하게 된 이유는 첫번째로, 개발자를 하겠다고 한 사람치고는 해커톤이라는 이력이 없었다. 물론 해커톤이라는 이력이 없어도 되지만 개발 덕질이 시작된 지금 시점에서 해커톤이라는 것을 경험해보고 싶었다. 또 학교 다닐 때 동아리에서 해커톤 갔다온 거 보면 어떤 경험일까 많이 궁금해했었다. 그때는 오프라인 해커톤이 많을 때였지만 지금보.. 더보기
토스 SLASH 21 - Micro-frontend React, 점진적으로 도입하기 후기 면접에서도 MSA라는 이야기를 많이 들었는데 MSA란 마이크로 서비스 아키텍처의 준말이다. MSA가 출현하게 된 배경으로는 모놀리틱 아키텍처 형태가 있는데 이는 모듈별로 개발을 하고 개발이 완료된 웹 어플리케이션을 하나의 결과물로 패키징하여 배포되는 형태를 말한다. 모놀리틱 아키텍처의 경우 소규모 프로젝트에서는 충분히 사용해도 괜찮지만 일정 규모 이상의 서비스, 혹은 수백명 이상의 개발자가 투입되는 프로젝트에서는 한계를 나타낸다. 부분 장애가 전체 서비스 장애로 확대될 수 있고, 한 프레임워크와 언어에 종속적이다. 또 서비스 변경이 어렵고 수정하면 장애의 영향도 파악이 어렵다. 이런 문제점들을 보완하기 위해 MSA가 출현하게 되었다. 이처럼 대규모 프로젝트를 진행하는 곳에서는 Micro하게 프로젝트를 관.. 더보기
2021 한이음ICT멘토링 : 아파트 청약 자격 판단 웹 서비스 프로젝트 목차 1. 프로젝트 내용 2. 지원동기 3. 인원부족으로 충원 4. 첫 회의 5. 수행계획서 6. 플로우 차트 다이어그램 정의 7. 디자인 8. 프론트엔드 개발 시작 9. 중간점검보고서 10. 공모전 1차와 2차 11. 엑스포 작품 소개서 12. 최종 결과 보고서 및 완료 절차 13. 프로그램 등록 14. 개발하면서 가장 어려웠던 점 15. 개발하면서 잘했다고 생각하는 점 16. 한이음ICT멘토링을 하려는 사람들에게 하고 싶은 말 프로젝트 내용 아파트 청약을 신청하고 나서 부적격을 받는 비율이 높기 때문에 부적격 비율을 줄이고자 아파트 청약을 신청하기 전에 신청자가 자격을 판단할 수 있는 서비스를 제작한다 지원동기 첫번째 문단은 청년의 청약 당첨률이 낮다는 점을 이용해 청년들에게도 좋은 서비스임을 어필하.. 더보기
2021 한이음ICT멘토링 : 어떤 사업인가요? 한이음ICT멘토링에 대해 한이음ICT멘토링이란? 대학생 멘티와 지도교수, 기업전문가 ICT멘토가 팀을 이루어 현업 실무 기술이 반영된 프로젝트를 수행하는 ICT인재양성 프로그램으로 학생은 다양한 ICT분야의 기업전문가 멘토에게 지도 받을 수 있는 기회를, 멘토는 ICT분야에 관심 있는 대학생들에게 실무노하우를 전수하고 비전을 제시해 주도록 지원하는 사업이다. 한이음ICT멘토링 주요 내용 멘토 ICT분야 실무경력 만 5년 이상 실무기술이 반영된 프로젝트를 기획하고 프로젝트 수행계획을 수립하는 데 가이드하고 진행사항을 점검하거나 결과에 대한 피드백을 주는 역할 멘티 ICT분야에 관심있는 대학생이면 누구나 프로젝트 수행 계획을 수립하고 수행하여 진행사항에 대해 중간보고를 진행하고 결과물을 도출 교수 국내 대학.. 더보기
2주차 : 달리기 기록 및 분석 어플리케이션 '런데이' 분석 분석기간 2022년 4월 5일 ~ 2022년 4월 8일 선정이유 달리기 기록 및 분석 어플리케이션의 서비스 모델을 지금보다 더 자세히 파악해보고 싶어서 '런데이'에서는 가장 크게 밀고 주요하다고 생각하는 기능이 무엇인지 알고 싶어서 지도에서 어떻게 달리기를 처리하고 있는지 궁금해서 현 상황 분석 메인 : 순서 바꿀 수 있음 이벤트 러닝 & 워킹 러닝 훈련 프로그램 챌린지 러닝 기록 총 거리, 총 시간, 평균 페이스, 총 칼로리 캘린더 이달의 운동기록 ➡️ 자세히 보기 가능 회원가입 약관동의 사용자 정보 입력 (이메일, 비밀번호, 비밀번호 확인, 성별, 생년월일) 광고 첫 화면에 모달 ➡️ 오늘 하루 보지 않기 버튼이 있지만 작아서 매번 클릭하게 됨 메인 화면에 바텀 협찬받은 이벤트 유저 리서치 타겟 : .. 더보기

반응형