한상훈 Han Sang Hoon 韓相勳

오늘 문득 든 생각인데 제 이전 영상들 모조리 공개할까 싶습니다. 라이브 녹화본은 계속 맴버십만 보실 수 있구요 이전에 잡담하던건 공개해둘께요. 자세한 내용은 오늘 밤 라이브 때 하도록 하겠습니다.

2 days ago | [YT] | 35

한상훈 Han Sang Hoon 韓相勳

간만에 정기모임 하겠습니다.

날짜: 10월 10일 저녁 7시
시간: 브릭오븐 강남점
최대 인원: 20명

선착순 지원입니다.

디스코드 링크에 들어오셔서 스레드로 참여 여부 알려주세요.

감사합니다.


링크: discord.com/channels/1272248525375144070/137369000…

4 days ago | [YT] | 7

한상훈 Han Sang Hoon 韓相勳

제 인생 5번째 창업은 미국에서 시작해보려고 합니다.

5번째 도전. 어떻게 될지 모르겠지만 열심히 해보겠습니다.

3 weeks ago | [YT] | 92

한상훈 Han Sang Hoon 韓相勳

블록체인 클론코딩 강의를 하게 된다면 비싼 가격(80만원 이상, 강의 100시간 이상)이어도 신청해보고 싶으신 분들이 있을까요?

⭐️ 예상 커리큘럼

1. 기본적인 솔리디티 문법
2. hardhat, REMIX 등 개발환경 연습
3. EVM 기반 밈 코인 런치패드 클론 코딩
4. NFT 마켓 클론 코딩
5. ERC20 ICO
6. P2E 앱 제작
7. DEX 개발

1 month ago | [YT] | 4

한상훈 Han Sang Hoon 韓相勳

🎉 마스터클래스 강의가 드디어 인프런에 등록했습니다!
강의는 일요일 자정부터 열릴 것으로 예상되고, 첫 2주간 25% 할인이 적용됩니다.

인프런 링크: inf.run/Yj6A4

🎯 상세 커리큘럼
1. 자바스크립트 심화
- 런타임 구조
- 콜백 함수와 Promise
- Web API
- Map / WeakMap
- Set / WeakSet
- 클로저와 메모리 관리

2. 프로그래밍 패러다임
- 객체 지향 프로그래밍
- GoF 프로그래밍 디자인 패턴
- 함수형 프로그래밍
- 제너레이터 활용법

3. 디자인 패턴
- 아토믹 디자인 패턴
- Presentational & Container 패턴
- FSD 패턴
- Custom Hooks
- Compound Components
- Render Props 패턴
- Higher-Order Components(HOCs)
- Memoization
- Virtualization
- Props Collections & Getters
- Slot
- State Reducer
- Lifted State

4. 상태 관리
- 상태 관리의 등장 배경
- Redux 상태 관리
- Recoil 상태 관리
- Zustand 상태 관리
- Jotai 상태 관리
- Context API 사용 전략

5. React/Next.js 생태계
- 리액트 버전별 특징
- Next.js 버전별 특징
- Fetching 전략(React-query, SWR, Axios)
- CSR 데이터 패칭 전략
- SSR 데이터 패칭 전략
- ISR 데이터 패칭 전략
- Next.js의 SEO

6. 스타일링
- 디자인 시스템 구축 방식
- Tailwind
- Emotion.js
- CSS Modules

7. 폼 관리
- Form 핸들링
- 동기/비동기 벨리데이션 전략
- Form 사용자의 UX

8. 테스팅
- Unit 테스트
- Integration 테스트 전략
- E2E 테스트 전략

9. 애니메이션
- GSAP 사용법
- Motion 사용법
- Anime.js 사용법
- 애니메이션 UX 최적화

10. 인증 및 보안
- OAuth 2.0, NextAuth.js, OpenID Connect
- 세션 및 토큰 관리
- Next.js 토큰 전략
- 양방향 암호화 Payload

11. 성능 최적화
- Core Web Vitals
- Critical CSS
- 코드 스플리팅
- Lazy Load
- 이미지/폰트/번들 최적화

12. 병렬 처리
- Web Worker 사용법
- 브라우저 병렬 처리 성능 향상
- 브라우저 오프라인 전략

13. 접근성 및 국제화
- WCAG 2.1 웹 접근성
- ARIA 사용 사례
- 접근성 테스트 도구
- i18n 구현 및 다국어 관리
- 포맷팅/RTL/통화처리
- 현지화 성능 전략

14. 개발 도구
- 개발자 도구 활용법
- 웹 분석 도구 활용법
- 번들링 평가 도구 활용법

Skip the Carousel

1 2 3 4 5

1 month ago | [YT] | 52

한상훈 Han Sang Hoon 韓相勳

어제 라이브 때 말씀드린 Graygate의 E2E 암호화 모듈 공개합니다.

메시지 및 파일 정보에 대해 E2E 암호화가 적용되며 클라이언트 사이드가 가지고 있는 비밀키로만 조회 가능합니다.

NPM: www.npmjs.com/package/graygate-cypher
GITHUB: github.com/joshephan/graygate-cypher

3 months ago | [YT] | 29

한상훈 Han Sang Hoon 韓相勳

방송할 때는 별 반응 없었지만 사실 누구보다 많이 관심을 주고 있었던 거냐구!!

모듈 런칭 하루만에 137 다운로드 감사합니다! ☺️😆

3 months ago | [YT] | 64

한상훈 Han Sang Hoon 韓相勳

결국 해내고 말았네요…



















젠장…

Skip the Carousel

1 2

3 months ago | [YT] | 72

한상훈 Han Sang Hoon 韓相勳

구독자 분들에게 한가지 궁금한 점이 있습니다.

구독자 분들은 개발자 분들이신가요 아니면 개발자는 아닌데 관심 있어서 보시는건가요?

4 months ago | [YT] | 12

한상훈 Han Sang Hoon 韓相勳

🚨 프론트엔드 마스터 클래스 할인이 5월 28일 자정에 종료됩니다!

구매를 희망하시는 분들은 할인 기간 내에 구매하시는게 25% 저렴합니다.

각 강의에서 다루는 강의 분량은 첨부한 세번째 이미지 내용 정도가 됩니다.

고급 자바스크립트와 고봉밥으로 구성된 자바스크립트 개념을 맛보고 싶으신 분들은 홈페이지 통해 신청 부탁드립니다.

⭐️ 프론트엔드 마스터 코스: www.master-developers.com/

Skip the Carousel

1 2 3

4 months ago | [YT] | 21