MIDAS TGC

지경민 TPI	- 브라우저 아키텍처과 동작 방식 이해 - 개발자도구로 디버깅, 성능 측정, 모니터링 하기 - UX를 위한 웹 어플리케이션 성능 최적화 방법 - 웹 렌더링 방식의 이해, 사용자 유입을 위한 SEO 최적화와 사용자 지표 측정 방법
이대경 TPI	- Reconciler, Render, Fiber, VDOM - ReactHook의 구현체 이해하기 - Worker와 Scheduler 이해 - React18 Concurrent 이해
공통	- 빌더 아키텍처 설계 + 디자인 시스템 연동 + FigmaToDevelop

진행 방식	추가 설명
강의(30%) 실습(60%) 과제(10%)	단순한 이론설명보단 이론과 실습과 과제를 동반한 내용으로 팀에 돌아가 각 제품에 도움이 될수있는 내용으로 구성되었습니다. 이를 통해 개발생산성 향상, 업무 전문성UP 을 통해 더 멋진 제품을 만들어 나갈수 있습니다.

주차 (Week)	주제 및 내용	학습과제	추가설명 (목표성과/MPF지표)
1	오리엔테이션	강의 방식 소개, 팀빌딩, Github연동
2	Reconciler, Render, Fiber, VDOM	UIX 개발을 하면서 내가 사용하고 있는 생태계의 구체적인 동작을 이해하기	생태계 내부 동작이해1
3	개발자 도구	개발자도구의 핵심 기능들을 배우고 활용하기	효율적인 디버깅과 페이지 분석
4	Hook	컴퍼넌트, 구조설계시 Hooks 의 내부 동작 이해하고 코드작성 하기	생태계 내부 동작이해2
5	브라우저 아키텍처	프론트 개발 환경인 브라우저의 아키텍처와 동작방식에 대해 이해하기	브라우저에 대한 이해
6	동시성	근래 UIX 라이브러리의 핵심 관심사와 맥락을 이해하고 제품단에서 더 나은 UIX를 제공할수 있는 역량을 가지기	생태계 내부 동작이해3
7	최적화	다양한 성능 최적화 방법을 알아보고, 제품에 적용해보기	제품 성능 향상과 안정성 강화
8	빌더 구현	기획서를 보고 빌더를 구현 &. 분석하기 잘못된 인터페이스 설계의 사이드 이팩을 확인해보고 개선된 구조를 찾아가기	아키텍처 이해
9	빌더 구현	잘못된 설계를 개선해보고 SOLID에 의한 구조를 설계 해보기	아키텍처 이해
10	랜더링, SSR, SEO, 지표 추적	다양한 랜더링 방식에 대해 알아보고, 검색 유입을 위한 SSR와 SEO 최적화, 유입된 사용자 지표 추적하기	최적화
11	빌더 구현	FigmaToCode, TestCode, Chrome Extension, TurboPack 통해 DX환경을 개선해 생산성을 높이기	개발 생산성지표 10% 개선
12	매듭

TGC 주간 활동

01주차 [오리엔테이션]

March 15, 2024

6F 행복

TGC 진행자와 참가자간 상호 소개, 커리큘럼 소개 및 진행 안내, 질의응답 및 차주 과제 공유

03주차 [제품 디자이너 역할 확장 워크샵 (1)]

March 27, 2024

8F 나눔

프로덕트 디자이너로의 역할 확장에 대한 디자이너 간 논의

04주차 [생성형 AI 연구 (1)]

April 12, 2024

6F 긍정

이미지 생성 AI에 대해 이해하고 실무에 활용할 수 있는 가능성을 탐색한다

05주차 [제품 디자이너 역할 확장 워크샵 (2)]

April 26, 2024

5F 행복

프로덕트 디자이너로의 역할 확장에 대한 디자이너 간 논의

06주차 [생성형 AI 연구 (2)]

May 3, 2024

6F 보람

미드저니의 명령어, 툴, 이미지 프롬프트, 파라미터 등을 활용하여 제작 의도에 부합하는 산출물 생성 실습

08주차 [태스크 관리의 이해]

May 17, 2024

6층 보람

Jira 를 통해서 작업관리를 어떻게 할 수 있는지 변강언님으로 부터 강의

10주차 [오늘도 개발자가 안 된다고 말했다]

June 7, 2024

6층 보람

오늘도 개발자가 안 된다고 말했다! 무엇이라고 말했나?

01주차 [오리엔테이션 및 I-1 제품소개 및 특장점]

March 13, 2024

1동 10층 행복회의실

구조 엔지니어링을 이해하기 위해 구조해석이 발전해온 역사에 대해 알아보는 시간. 고대의 피라미드🛕부터 현재의 BIM🌉 까지의 발전 과정을 확인하며, 엔지니어의 수행 업무와 그에 관해 필요한 간단한 지식을 공유하는 시간.

02주차 [I-2 제품 기본 사용법]

March 20, 2024

1동 10층 행복회의실

MIDAS CIVIL의 사용을 위한 기본적인 역학 지식에 대해 공유하는 시간. 공학분야에서 가장 기초적으로 다루고 있는 후크의 법칙, 탄성계수, 응력, 단면 특성 등의 개념과 간단한 트러스 구조물의 해석을 직접 수행해 봄으로써 MIDAS CIVIL의 기본 기능을 알아보는 과정

03주차 [I-3 제품 기본 사용법 실습]

March 27, 2024

1동 10층 행복회의실

MIDAS CIVIL의 사용을 위한 기본적인 역학 지식을 바탕으로 단순보, 캔틸레버보, 연속보, 트러스 등 다양한 구조물에 대한 해석을 실습. 그리고 1차원 보요소와는 다른 개념이 필요한 2차원 판요소에 대한 개념을 추가적으로 알아보고, 해석 결과를 확인해보는 시간.

04주차 [I-4 교량모델링]

April 10, 2024

1동 10층 행복회의실

교량을 모델링하기 위해 필요한 기본적인 역학지식 및 용어등에 대해 알아보고 실제 실무에서 많이 사용되는 교량형식에 대한 MIDAS CIVIL NX를 활용한 구조해석 모델링 및 해석을 직접 시연과 함께 각 구성원이 따라하는 것을 통해 MIDAS CIVIL NX에 대한 이해도 향상과 실무 엔지니어링 지식에 대해 습득해 보는 시간.

토목 실무 엔지니어링에서 가장 중요한 구조물 중 하나인 교량을 설계하기 위해 필수적으로 필요한 차량의 이동하중에 대해 유로코드를 기반으로 알아보는 시간. 먼저 유로코드에 대한 간략히 알아보고, 이동하중은 무엇인가에 대해 사례와 실제 EUROCOE와 각국의 세부기준인 National Annex 중 하나이 영국의 NA를 적용하여 어떠한 값을 적용해야하는지 설명하는 시간.

06주차 [I-6 EUROCODE(이동하중)]

April 24, 2024

1동 10층 행복회의실

지난 05주차에 학습한 내용을 바탕으로 실제 해석에 어떻게 적용해야하는지에 대해 알아보는 시간. CIVIL NX를 이용해 차량의 이동하중을 적용하는 방법과 구조물의 형식에 따라 어떻게 다르게 적용해야하는지 예제와 더불어 자세히 설명하는 시간.

07주차 [I-7 기본해석기능]

May 9, 2024

1동 1층 소회의실-1

구조해석에 필요한 하중과 변형에 대한 기본 개념을 알아보고, MIDAS CIVIL NX를 이용해 어떻게 계산할 수 있는지 알아보는 시간. 또한 구조물에 작용하는 하중에 따라 발생하는 주요변형과 변형으로 인한 추가적인 변형에 대해 Euro Code에 명시된 내용을 함께 배워보는 시간.

08주차 [I-8 RC 부재 설계]

May 16, 2024

1동 1층 소회의실-1

토목 구조해석에서 가장 중요한 재료형식 중 하나인 RC 부재에 대한 개념과 설계에 필요한 사항을 알아보는 시간.

09주차 [I-9 RC 부재 설계 실습]

May 22, 2024

1동 1층 소회의실-1

8주차에 배운 내용을 바탕으로 실제 교각에 대한 RC 부재와 기둥에 대한 설계를 직접 진행해보는 시간

10주차 [I-10 시공단계해석]

June 7, 2024

1동 10층 행복회의실

교량 해석에 필수적인 시공단계해석에 대해 알아보는 시간. 시공단계에 대한 개념 뿐 아니라 실제 MIDAS CIVIL NX를 통해 어떻게 해석을 진행하는지 직접 실습을 통해 배워보는 시간.

11주차 [I-11 프리캐스트 거더교]

June 12, 2024

1동 1층 소회의실-1

텐던을 이용해서 프리스트레스를 적용한 프리캐스트 거더의 개념과 역학적인 거동, 그리고 MIDAS CIVIL NX를 이용한 해석 방법에 대해 알아보는 시간

12주차 [I-12 선형동해석]

June 19, 2024

1동 1층 소회의실-1

내진해석을 수행하기위해 필요한 기본 지식인 선현동해석의 개념에 대해 알아보는 시간. 동해석이라는 어려운 주제를 사례와 공학적 지식을 바탕으로 보다 알기쉽게 이해해 보는 시간.

01주차 [오리엔테이션]

March 12, 2024

7행복

오리엔테이션을 통해서 TGC가 어떻게 진행되는지를 공유

02주차 사용자 환경 구성요소 (프론트엔드)

March 19, 2024

7행복

해당 주에 진행한 내용을 간략하게 적어주세요.

03주차 사용자 환경 구축 (프론트엔드)

March 28, 2024

7행복

해당 주에 진행한 내용을 간략하게 적어주세요.

04주차 통신인터페이스

June 4, 2024

7층 행복

해당 주에 진행한 내용을 간략하게 적어주세요.

05주차 통신규약

May 21, 2024

7행복

JWT에 대한 이해 및 만들어보기, Postman을 통한 API 호출

06주차 데이터베이스 구축과 관리

May 6, 2024

7행복

서비스 운영 환경에서 비용을 가장 적게 지불하고 최소한의 성능을 유지한다

07주차 연결 및 배포(1)

April 30, 2024

7행복

7주차 연결 및 배포 - 도커 및 todo schema

08주차 연결 및 배포(2)

May 7, 2024

7층 행복

백엔드 요구사항에 맞는 시스템 구축(TODO Backend Server 구축)

09주차 웹개발 심화(1)

May 14, 2024

7층 행복

동기/비동기/가용성에 대해 이해한다

10주차 웹개발 심화(2)

May 28, 2024

7층 행복

보안에 대한 이해와 FE 심화(프로미스 등)

11주차 웹개발 심화(3) - 미니해커톤

June 11, 2024

2층 컨퍼런스

2인 1조로 미니 해커톤을 시행함

12주차 리뷰 및 회고

June 18, 2024

7층 행복

TGC 클로징 회고

01주차 [오리엔테이션]

March 13, 2024

6층 보람

TGC 소개 및 목표 공유와 진행 방식 협의

02주차 [디자인 시스템 사례 연구 및 공유]

March 20, 2024

6층 보람회의실

디자인 시스템 사례 공유 및 마이다스 디자인 시스템 (PC) 내용 공유

03주차 [npm 구축/관리 관련]

March 27, 2024

6층 보람회의실

재욱님과 도우님의 디자인시스템 조사 내용 발표 진행

04주차 [버튼 컴포넌트 제작]

April 17, 2024

온라인(구글밋)

버튼 공통 컴포넌트 제작 관련 발표 내용, 모바일 UI/UX 시스템 구축 관련 내용

05주차 [2분기 계획 수립]

April 24, 2024

6층 보람

2분기 구현할 컴포넌트 논의 및 수립, 4월 작업 컴포넌트 범위 및 담당자 선정

06주차 [테마, 버튼 컴포넌트 제작]

May 2, 2024

1층 로비

버튼 컴포넌트 제작

07주차 [개발 컴포넌트 역할 분담]

May 16, 2024

온라인

개발 컴포넌트 리스트 및 역할

08~12주차 [모바일 공통 컴포넌트 구현]

June 21, 2024

개별 개발 진행

모바일 공통 컴포넌트 구현 진행

01주차 [오리엔테이션]

March 14, 2024

5층 행복

제품의 사업 현황과 고객을 분명히 파악하고 기획적인 사고 관점을 넓혀서 고객 가치 중심적인 기획을 하게 돕는다.

02주차 [실무 툴 강의 (피그마 기초)]

March 21, 2024

윈스동 (2동) 중회의실

기획자가 알면 좋은 피그마 기초 지식 및 실습

03주차 [실무 툴 강의 (피그마, ChatGPT 등 각종 서비스 활용 사례)]

March 28, 2024

윈스동 (2동) 중회의실

피그마/ChatGPT/각종 서비스 실무 활용 사례 공유

04주차 [이론] 비즈니스 관점에서 서비스 바라보기

April 11, 2024

윈스동 (2동) 중회의실

비즈니스 모델 캔버스 학습, Fly Wheel 등 서비스 성장 관련 방법론 소개

05주차 [실습] 비즈니스 관점에서 서비스 바라보기

April 25, 2024

경솔 4/25(목) 5층 행복회의실, 채솔: 4/26(금)

각자 담당하는 서비스의 비즈니스 모델 캔버스 및 성장 선순환 구조 그려보기

06주차 [다양한 기획 기법 공유(ft. 플로우 차트)]

May 2, 2024

윈스동 중회의실

업계에서 보편적으로 사용하는 기획서 양식 및 관리 가이드 공유

07주차 [다양한 기획 기법 공유(ft. 화면 설계서)]

May 9, 2024

윈스동 중회의실

업계에서 보편적으로 사용하는 기획서 양식 및 관리 가이드 공유

08주차 [핵심 고객 선정하기]

May 23, 2024

윈스동 중회의실

Needs와 Wants 개념 학습 및 기업 사례 소개

09주차 [고객 관점으로 서비스 바라보기: 고객의 니즈와 원츠 및 제품별 실습]

May 21, 2024

윈스동 중회의실

각자 담당하는 서비스의 Needs와 Wants 리스트업 및 주안점 수립 + 유저 스토리 프레임워크 소개

10주차 [웹서비스 기획 시 알아두면 좋은 개발 지식: HTML/CSS/JS, API, 개발자 도구]

June 6, 2024

윈스동 중회의실

HTML/CSS/JS, API, 개발자 도구 등 웹 서비스 기획의 기본 구조 및 개념 소개

11주차 [웹서비스 기획 시 알아두면 좋은 개발 지식]

June 13, 2024

윈스동 중회의실

인증과 인가, 로그인 기획, 메시징 시스템, 실시간 기능 구현과 스케줄러 등 웹 서비스 기획 시 알아둬야 하는 지식 소개

12주차 클로징

June 20, 2024

윈스동 중회의실

스터디 마무리 및 전과정 우수 참여자 시상

01주차 [오리엔테이션]

March 11, 2024

9층 컨퍼런스 룸

TGC 12주차 과정을 설명과 아이스브레이킹으로 첫 만남의 긴장감을 풀어줌

02주차 [React Deep Dive]

March 18, 2024

9층 컨퍼런스 룸

프로세스원을 준비&개발 하기전 FE 프레임워크에 대해 이해할 수 있다. 내부적인 동작을 파악하기전, 패키지들의 역할, 단어들을 이해할 수 있다.

03주차 [개발자 도구]

March 25, 2024

9층 컨퍼런스 룸

핵심 웹 지표에 대해 알아보고 성능 최적화에 필요한 사전 배경 지식을 얻는다.

04주차 [성능 최적화1]

April 8, 2024

9층 컨퍼런스 룸

성능 최적화가 필요한 이유와 중요성을 이해할 수 있다.

05주차 [Gof 디자인 패턴, React 디자인 패턴]

April 15, 2024

1단지 윈스동 중회의실

FE에서 사용하는 디자인 시스템을 이해하고 사용할 수 있다.

06주차 [Funnel, TS-Pattern, CJS, ESM]

April 22, 2024

9층 컨퍼런스 룸

CJS, ESM모듈을 이해 할수있다.

07주차 [성능최적화2]

May 2, 2024

9층 컨퍼런스 룸

Lighthouse 패널을 사용해 사이트의 코어 웹 바이탈 지표를 진단하고 개선할 수 있다.

08주차 [React18(Concurrent), React19]

May 13, 2024

9층 컨퍼런스 룸

React18 내부 Lane Model을 이해 할수 있다.

09주차 [웹 발전 과정과 렌더링 방식]

May 27, 2024

1단지 윈스동 중회의실

SPA와 MPA의 개념과 차이점을 이해하고 프로젝트 요구사항에 맞는 적절한 구조를 선택할 수 있는 능력을 기른다.

10주차 [제품 개선 사례 공유]

June 3, 2024

온라인

TGC 기간 동안 실제 제품에 적용한 성능 최적화나 제품 개선 사례를 공유

11주차 [RSC]

June 10, 2024

9층 컨퍼런스 룸

React 19 버전의 새로나온 API들을 이해할 수 있다

12주차 [매듭]

June 17, 2024

9층 컨퍼런스 룸

강의 매듭

01주차 [오리엔테이션]

March 13, 2024

6층 긍정

커리큘럼 오버뷰/데이터 분석 자가진단/개인별 목표 공유

02주차 [데이터/전처리]

March 20, 2024

6층 행복

데이터 종류 및 전처리 과정 이해

03주차 [통계 기초]

March 27, 2024

6층 행복

확률분포와 가설검증

04주차[상관분석/회귀분석]

April 9, 2024

6층 행복

상관계수와 회귀계수

05주차[회기분석 심화]

April 16, 2024

6층 행복, 오후2시

회기분석 심화

06주차[특강 - 사내 실무분석 사례]

April 23, 2024

6층 행복

사내 실무분석 사례

07주차[A/B 테스트 사례]

May 7, 2024

6층 행복

A/B 테스트 사례

08주차[상관분석사례/회기분석 실습]

May 22, 2024

6층 행복

회기분석 실무사례 - 모델을 통한 예측은 deep learning에서 다루고 통계에서는 보통 모델의 유의성

09주차[개인별 데이터 공유/분석목표 논의]

May 29, 2024

6층 행복

개인별 데이터 공유/분석목표 논의

10주차[조별 분석 프로젝트 진행-전처리]

June 4, 2024

6층 행복

조별 분석 프로젝트 진행-전처리

11주차[조별 분석 프로젝트 진행]

June 13, 2024

6층 보람

조별 분석 프로젝트 진행

12주차[마무리]

June 19, 2024

6층 행복

설문조사.(자체 설문조사, TGC설문조사)

01주차 [오리엔테이션]

March 13, 2024

5층 행복

오리엔테이션

02주차 [AWS 네트워크의 이해]

March 20, 2024

5F 행복

• AWS VPC 에 대해 학습한다. (VPC / SUBNET / TGW / NAT GW) • 서비스 네트워크 흐름에 대해 학습한다. (NACL / SG / ROUTE TABLE) • AWS ELB 에 대해 학습한다. (CLB / NLB / ALB / GWLB)

03주차 [AWS 기반서비스의 이해]

March 26, 2024

9F 컨퍼런스룸

• AWS 에서 제공하는 컴퓨팅 서비스에 대해 학습한다. (EC2 를 중심으로) • AWS 에서 제공하는 스토리지 서비스에 대해 학습한다. (S3 / EBS / NFS / FSX …) • AWS 에서 제공하는 데이터베이스 서비스에 대해 학습한다. (RDS / Aurora )

04주차 [AWS DB / 보안의 이해]

April 3, 2024

9F 컨퍼런스룸

• AWS DMBS 서비스인 RDS에 대해 학습한다. • AWS 의 네트워크 보안(VPC, WAF , Shield) , 데이터 보안 (KMS, ACM) 에 대해 학습한다. • AWS 의 접근 관리(IAM), 탐지 관리(CloudTrail, CloudWatch) 에 대해 학습한다.

05주차 [AWS ECS 및 CI/CD 이해]

April 11, 2024

9F 컨퍼런스룸

• AWS 컨테이너 조율 서비스인 ECS에 대해 학습한다. • AWS CI/CD 서비스인 Code Series 학습한다.

06주차 [AWS 서버리스의 이해]

April 17, 2024

9F 컨퍼런스룸

• Serverless 에 대해 학습한다. • AWS 대표 Serverless 서비스인 Lambda / API GW / SQS / SNS 에 대해 학습한다.

07주차 [GameDay 를 위한 AWS 심화]

April 24, 2024

9F 컨퍼런스룸

• Gameday 에 대해 설명한다. • Gameday 에 필요한 AWS 서비스 지식을 훑어본다. (VPC / EC2 / Cloudfront)

08주차 [GameDay]

April 30, 2024

9F 컨퍼런스룸

* AWS 에서 주관하는 Gameday 에 참석한다.

09주차 [AWS 아키텍처 표준화]

May 29, 2024

9F 컨퍼런스룸

• 아키텍처 표준화에 대한 장/단점을 소개합니다. • 사내에서 표준화되어 구축되고 있는 아키텍처를 소개합니다. ◦ cloudfront + lambd@edge 를 활용한 이미지 리사이징 ◦ SES 메일 모듈 아키텍처 ◦ PDF 모듈화 ◦ Excel AWS Batch 를 통한 최적화 아키텍처

10주차 [Platform Engineering]

June 5, 2024

9F 컨퍼런스룸

• latform Engineering 이란 무엇인가? ◦ DevOps → Platform Engineering 의 역사 ◦ Platform 으로 나아가야할 방향 소개 • 사내에서 제공되고 있는 자동화된 서비스 소개 ◦ ROOS ◦ SSM-VIEW ◦ 중단페이지 자동화