[TypeScript] 타입스크립트란 뭘까

요즘 지원공고를 보다 보면 무조건 보이는 우대사항 타입스크립트.. 우대가 아니라 필수사항이 되어버린 느낌이다. 그런고로 나도 해본다 타입스크립트! 타입스크립트를 쓰는 이유 요즘 타입스크립트를 많이들 사용하는 이유는 크게 2가지 관점에서 자바스크립트 코드의 품질과 개발 생산성을 높일 수 있다. 에러의 사전 방지 코드 가이드 및 자동 완성(개발 생산성 향상) 에러의 사전 방지 타입스크립트로 어떻게 에러를 사전에 예방할 수 있을까? js코드와 ts 코드를 비교해 보자. // js function sum(a, b) { return a + b; } // ts function sum(a: number, b: number) { return a + b; } 위 코드로 sum('10', '20')을 실행시키면 어떤 값이..

• format_list_bulleted 프론트엔드/TypeScript
• · 2024. 1. 11.
• textsms

[프리온보딩] 횡단 관심사

횡단 관심사 횡단 관심사는 여러 서비스에 걸쳐서 동작해야 하는 코드를 의미한다. 관심사란 코드가 하고자 하는 목적과 동작을 의미하는데, 횡단 관심사는 여기서 확장하여 애플리케이션 내 핵심 비즈니스 로직들에 걸져서 실행되어야 하는 동작들을 의미함. 대표적인 예시들은 다음과 같다. 인증 / 인가 로깅 트랜잭션 처리 에러처리 이 중에 프론트엔드에서 가장 흔히 생각할 수 있는 "인증 / 인가"에 대해 다뤄볼 것임. 횡단 관심사 처리의 중요성 횡단 관심사는 여러 비즈니스 로직들에 걸쳐 실행되기 때문에 혼재되면 로직과 횡단 관심사 모두 수정하기 힘들어진다. 예를 들어, 인증 로직이 핵심 비즈니스 로직 안에 혼재되면 코드의 관심사가 여러 개가 되는 것임.👽 또, 이후 인증 로직이 변경된다면 이걸 수정하기 위해 여러 ..

• format_list_bulleted 대외활동/[KT AIVLE School] 프리온보딩 프론트엔드
• · 2024. 1. 10.
• textsms

[프리온보딩] 리액트 관심사 분리

관심사 분리(Seperation of Concerns, SoC) 관심사 분리란 각 모듈들이 한 번에 여러 관심사를 처리하려고 하지 않고, 하나의 관심사만 처리하도록 분리하는 것을 의미한다. 모든 디자인 패턴, 기법, 아키텍처의 기본이 되는 개념이다. 관심사 분리의 이유 변화에 유연하게 대응할 수 있게 만들기 위함이다. 하나의 모듈이 하나의 목적만 가지면, 코드 변경의 이유도 명확해진다. 유지보수와 확장성이 향상된다. React의 관심사 분리 React는 UI 구축을 위한 라이브러리로, UI와 로직이 주요 관심사다. 개발자는 UI와 로직이란 것을 파악하고 이를 분리하기 위해서 여러 기법들을 연구한다. 관심사 분리를 위한 방법으로는 Presentational-Container 패턴과 Custom Hook이 ..

• format_list_bulleted 대외활동/[KT AIVLE School] 프리온보딩 프론트엔드
• · 2023. 12. 28.
• textsms

[프리온보딩] useEffect

useEffect React에서 의존성 배열을 이해하는 건 정말 중요하다. 잘 몰라서 의존성 배열을 제대로 사용하지 못하면, React 앱에서 버그가 자주 발생할 수 있다. 그래서 이번에는 useEffect의 의존성 배열을 중심으로, 왜 이게 중요한지 그리고 어떻게 잘 사용하는지 정리해 보겠다. 의존성 배열이란? 의존성 배열은 useEffect의 두 번째 인자로 들어가는 배열이다. 이 배열을 설정하지 않으면, Effect는 컴포넌트가 리렌더링 될 때마다 실행된다. 반면, 빈 배열을 넘기면 컴포넌트가 첫 번째로 렌더링될 때만 실행된다. useEffect의 구조는 이렇다. useEffect(effect, 의존성) 여기서 effect는 함수로, 의존성은 배열 형태로 표현된다. 의존성은 한 요소가 제대로 작동하..

• format_list_bulleted 대외활동/[KT AIVLE School] 프리온보딩 프론트엔드
• · 2023. 12. 28.
• textsms

[KT AIVLE SCHOOL] KT 에이블스쿨 연계 채용 후기 (실무 면접까지)

kt aivle school 3기 수료 후, kt 연계 채용에 지원하고 면접까지 봤던 후기를 써보려 한다. 최종까진 못 갔지만 미약한 정보라도 궁금할 다음 기수들을 위해서.. 에이블스쿨 연계 전형은 서류 - 실무면접 - 임원면접 순서로 진행된다. 코딩테스트는 에이블스쿨 진행 중 보는 코테로 대체되기 때문에 따로 보지 않음. 이 중에 난 실무면접까지 경험해 봤다. 서류 전형 스펙 자기소개서에 대해 말하기 전 간단히 스펙을 말해주자면 비전공자 / 학점 3.6 정도 영어 성적 없음 sw 개발이랑 별로 관련 없는 자격증 한 개 kdt 공모전 우수상 말곤 따로 포트폴리오도 없었고 그냥 특출 난 거 하나 없는 고런 스펙이었다. kt 에이블러 전형이었어서 코딩테스트는 에이블스쿨 진행 중에 봤던 코딩테스트로 대체됐다...

• format_list_bulleted 취업/후기
• · 2023. 12. 22.
• textsms

[스터디] LST 영어 회화 스터디 후기

영어 회화 스터디 검색해 보다가 알게 된 LST! "한국에서 즐기는 유학생활"이라는 슬로건에 혹해서 신청해 봤다. 시작한 지 2달 정도 된 이 시점에서 후기 한번 작성해보려 한다🔥 지원 방법 LST를 검색하면 스터디 서치라는 웹사이트가 나온다. 이 사이트에서 레벨 테스트 진행해 보고, 카카오톡 상담하기로 문의를 먼저 해야 한다! Let's study together! - 스터디서치 영어, 이제 만나요! 다양한 해외경험 리더들의 즐거운 회화스터디! studysearch.co.kr LST 멤버로 신청을 하면 카톡으로 담당 가디언분께 연락이 온다. 가디언은 가입 후에도 계속 연락 주고받는 내 전담 담당자(?) 같은 느낌이다. 이후에 스터디에 대해 간단히 설명을 듣고, 인터뷰를 진행한다. 나는 카톡으로 지원동기..

• format_list_bulleted 갓생 살기/영어공부
• · 2023. 12. 22.
• textsms