마스터클래스 질의응답 모음
다음주 마스터 클래스
은님이 에비군하러 👋👋
- 월요일 → 백엔드
- 수요일 → 프론트엔드
멘토링
- 멘토님이랑 한 번 쯤은 오프라인으로 보면 좋음
- 팀원들과도 자주(?) 오프라인으로 모이면 어떨까요?
- 일단 친해지자.
- 친해진다 - 신뢰 관계를 쌓는다
- 신뢰 관계
- 개소리를 해도 믿어준다
- 빌게이츠가 똥을 싸도 박수를 쳐준다
팀플레이
- Leadership
- 좋은 리더란 뭘까?
- 우리 팀이 일을 잘 하게 하려면 어떤 장치들이 필요할까?
- 어떤 문화가 필요할까
- 어떤 시스템이 필요할까
- 스크럼
- 회고
- KPT 회고
- 목표치 정하기
- 페어프로그래밍을 하는 시간 만들기
- ….
- Followership
- 리더를 잘 따라 주는 것
- 누군가가 이야기를 하면 잘 듣고, 잘 피드백 해주고
- Task Manager
- 우리팀의 스케쥴 관리하기
- 현재 어떤 일들을 해야 하는지 관리하기
- 일을 잘 분배해주기
- 일이 잘 진행되고 있는지 점검하기
- Project Manager
- 프로젝트 자체가 잘 굴러가도록 하는 것
- 협업 포인트
- 프론트 + 프론트
- 백엔드 + 백엔드
- 아키텍쳐 설계
- 분업 포인트
- 프론트엔드
- 백엔드
- 내가 할 수 있는 일
- 내가 해야 하는 일
- 우리가 할 수 있는 일
우리가 어떤 일들을 할 수 있고, 이를 통해서 어떤 가치를 만들어낼 수 있는지 생각해보자
시니어 주니어를 정확하게 정의할 수 있을까?
- 시니어
- 주니어
주니어가 시니어의 일 일부를 할 수 있으면 어떻게될까?
Client Side Rendering
const items = [ { content: 'test' } ]; const template = () => ` <ul> ${items.map(item => `<li>${item.content}</li>`)} </ul> `; const render = () => { document.querySelector('#app').innerHTML = template(); }
Server Side Rendering
const items = [ { content: 'test' } ]; const template = () => ` <ul> ${items.map(item => `<li>${item.content}</li>`)} </ul> `; app.get('/', (req, res) => { res.send(` <!doctype html> <html> <head> <title>Server Side Rendering</title> </head> <body> <div id="app"> ${template} </div> </body> </html> `); }); app.listen(8080, () => { console.log('listen server: http://localhost:8080') })
Hydration
const items = [ { content: 'test' } ]; const template = () => ` <ul> ${items.map(item => `<li>${item.content}</li>`)} </ul> `; app.get('/', (req, res) => { res.send(` <!doctype html> <html> <head> <title>Server Side Rendering</title> </head> <body> <div id="app"> ${template} </div> <script> const items = ${JSON.stringify(items)}; const template = () => \` <ul> ${items.map(item => \`<li>${item.content}</li>\`)} </ul> \`; const render = () => { document.querySelector('#app').innerHTML = template(); } </script> </body> </html> `); }); app.listen(8080, () => { console.log('listen server: http://localhost:8080') })