😼 1주 : 2023년 8월 1일 → 2023년 8월 4일 🌝스토리보드 작성 2023년 8월 3일 완성됨, 2023년 8월 4일 회의 → 생각보다 할만했다. 피그마로 댓글 달면서 진행할 수 있었던 게 좋았던 거 같다. 물론 담부터 PPT로 만들 거다. 아마 거기서도 댓글이 됐던 거 같다. 생산성 💣개발팀 소개 페이지 다른 팀에서 노션으로 옮기게 되고 소개 페이지도 만들게 됐다. 기분이 좋다. 소개 페이지를 만들며 각 팀에 대한 소속감과 업무에 대한 자부심이 많이 생기고 정리도 되고 서로 어떤 일을 하는지 알아가면 좋겠다. 신뢰와 재미를 바탕으로 일 할 수 있다면 최고로 좋은 회사가 아닐까?ㅎㅎ😼 개발팀 팀스페이스 정리 언젠가 정리했어야 했는데 정리중.. 완벽한 정리는 없지만 다 같이 얘기하면서 이렇게 저..
한 일 b2 개발 프로세스 및 기간 설정 리액트&피그마 공부 스토리보드, 웹 기획서, 화면설계서 등 양식 레퍼런스 조사 스토리보드 작성 b1 인공지능 기능 관련 에러 패치 테스트 버전 배포 배포 버전 배포 미니 프로젝트 도서산간 도선료 계산 프로그램 제작 7월 6일 착수 → 25일 완료 → 26일 전달(전체 기간 3주, 실질적으로 내가 쓴 시간 일주일 정도 되는 것 같음) 챗봇 관련 정리 회의 개인 면담 점심 회식: 찜닭! 교육팀 분들이랑 같이ㅎㅎ 월간 회의 티타임 상시 회의 SW 개발팀 그라운드 룰 피드백 기타 개발팀 소개 페이지 생성 SW 개발팀 그라운드룰 설정 😼 7월 1주 : 2023년 7월 3일 → 2023년 7월 7일 6월 업무 회고 | 자세히 브로콜리1 배포 버전 업데이트 | 자세히 브로콜리..
Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices screensiz.es 각 기기 별 스크린 사이즈 확인하는 사이트입니다. 기기별로 아래 정보도 확인 가능합니다. 운영체제 OPERATING SYSTEM 실제 물리적 크기(인치) PHYSICAL SIZE " 실제 물리적 크기(센치) PHYSICAL SIZE CM 가로 픽셀 WIDTH PX 세로 픽셀 HEIGHT PX 장치 폭 DEVICE WIDTH PPI (PX PER INCH) 픽셀 밀도 PX DENSITY 종횡비 ASPECT RATIO
Proxying API Requests in Development | Create React App Note: this feature is available with react-scripts@0.2.3 and higher. create-react-app.dev * 참고: 이 기능은 react-scripts@0.2.3 이상에서 사용할 수 있습니다. 사람들은 종종 백엔드 구현과 동일한 호스트 및 포트에서 프런트 엔드 React 앱을 제공합니다. 예를 들어 앱이 배포된 후 프로덕션 설정은 다음과 같을 수 있습니다. / - static server returns index.html with React app /todos - static server returns index.html with React app /..
한 일 b2 개발해야 할 기능 정리 레퍼런스 체크 플러터 관련 조사 개발 스택 및 라이브러리 결정 개발 프로세스 및 기간 설정 리액트 공부 b1 인공지능 기능 추가 테스트 버전 배포 배포 버전 배포 회의 개인 면담 회식 월간 회의 티타임 상시 회의 기타 개발팀 업무 공유 페이지 생성 워크샵 생각들 업무 로그를 다시 쓰기 시작했다. 내가 일을 잘하기 위해서 쓴다. 매일의 로그보다 돌아보는 이 시간이 더 중요하다고 생각한다. 잘하는 것은 칭찬하고 고쳐야 할 것들은 고쳐가며 성장하자. b2 프로젝트를 진행하며 다시 無에서 시작해 나가는 고통을 어색하게 느꼈던 한 달이었다. 플러터 관련해서 조사하고 공부하느라, 또 b1 프로젝트에 인공지능 기능을 추가하느라 본질적인 부분보다 다른 곳에 빠져 있던 시간이 많았다...
-
(8월의 회고록) 2023년 8월 1일부터 2023년 8월 31일까지
😼 1주 : 2023년 8월 1일 → 2023년 8월 4일 🌝스토리보드 작성 2023년 8월 3일 완성됨, 2023년 8월 4일 회의 → 생각보다 할만했다. 피그마로 댓글 달면서 진행할 수 있었던 게 좋았던 거 같다. 물론 담부터 PPT로 만들 거다. 아마 거기서도 댓글이 됐던 거 같다. 생산성 💣개발팀 소개 페이지 다른 팀에서 노션으로 옮기게 되고 소개 페이지도 만들게 됐다. 기분이 좋다. 소개 페이지를 만들며 각 팀에 대한 소속감과 업무에 대한 자부심이 많이 생기고 정리도 되고 서로 어떤 일을 하는지 알아가면 좋겠다. 신뢰와 재미를 바탕으로 일 할 수 있다면 최고로 좋은 회사가 아닐까?ㅎㅎ😼 개발팀 팀스페이스 정리 언젠가 정리했어야 했는데 정리중.. 완벽한 정리는 없지만 다 같이 얘기하면서 이렇게 저..
-
(7월의 회고록) 2023년 7월 1일부터 2023년 7월 31일까지
한 일 b2 개발 프로세스 및 기간 설정 리액트&피그마 공부 스토리보드, 웹 기획서, 화면설계서 등 양식 레퍼런스 조사 스토리보드 작성 b1 인공지능 기능 관련 에러 패치 테스트 버전 배포 배포 버전 배포 미니 프로젝트 도서산간 도선료 계산 프로그램 제작 7월 6일 착수 → 25일 완료 → 26일 전달(전체 기간 3주, 실질적으로 내가 쓴 시간 일주일 정도 되는 것 같음) 챗봇 관련 정리 회의 개인 면담 점심 회식: 찜닭! 교육팀 분들이랑 같이ㅎㅎ 월간 회의 티타임 상시 회의 SW 개발팀 그라운드 룰 피드백 기타 개발팀 소개 페이지 생성 SW 개발팀 그라운드룰 설정 😼 7월 1주 : 2023년 7월 3일 → 2023년 7월 7일 6월 업무 회고 | 자세히 브로콜리1 배포 버전 업데이트 | 자세히 브로콜리..
-
각 기기 별 스크린 사이즈 확인하는 사이트(웹, 모바일, 테블릿)
Screen Sizes | Viewport Sizes and Pixel Densities for Popular Devices screensiz.es 각 기기 별 스크린 사이즈 확인하는 사이트입니다. 기기별로 아래 정보도 확인 가능합니다. 운영체제 OPERATING SYSTEM 실제 물리적 크기(인치) PHYSICAL SIZE " 실제 물리적 크기(센치) PHYSICAL SIZE CM 가로 픽셀 WIDTH PX 세로 픽셀 HEIGHT PX 장치 폭 DEVICE WIDTH PPI (PX PER INCH) 픽셀 밀도 PX DENSITY 종횡비 ASPECT RATIO
-
개발 모드에서 API 요청할 때 프록시 설정하기 Proxying API Requests in Development
Proxying API Requests in Development | Create React App Note: this feature is available with react-scripts@0.2.3 and higher. create-react-app.dev * 참고: 이 기능은 react-scripts@0.2.3 이상에서 사용할 수 있습니다. 사람들은 종종 백엔드 구현과 동일한 호스트 및 포트에서 프런트 엔드 React 앱을 제공합니다. 예를 들어 앱이 배포된 후 프로덕션 설정은 다음과 같을 수 있습니다. / - static server returns index.html with React app /todos - static server returns index.html with React app /..
-
(6월의 회고록) 2023년 6월 14일부터 2023년 6월 30일까지
한 일 b2 개발해야 할 기능 정리 레퍼런스 체크 플러터 관련 조사 개발 스택 및 라이브러리 결정 개발 프로세스 및 기간 설정 리액트 공부 b1 인공지능 기능 추가 테스트 버전 배포 배포 버전 배포 회의 개인 면담 회식 월간 회의 티타임 상시 회의 기타 개발팀 업무 공유 페이지 생성 워크샵 생각들 업무 로그를 다시 쓰기 시작했다. 내가 일을 잘하기 위해서 쓴다. 매일의 로그보다 돌아보는 이 시간이 더 중요하다고 생각한다. 잘하는 것은 칭찬하고 고쳐야 할 것들은 고쳐가며 성장하자. b2 프로젝트를 진행하며 다시 無에서 시작해 나가는 고통을 어색하게 느꼈던 한 달이었다. 플러터 관련해서 조사하고 공부하느라, 또 b1 프로젝트에 인공지능 기능을 추가하느라 본질적인 부분보다 다른 곳에 빠져 있던 시간이 많았다...
-
[하루 10분의 기적]
하루 10분의 기적 우리가 숨쉬면서 사랑하고 분투하며 살아가는 세상 이야기를 기록하고 관찰하는 KBS 수요기획팀의 『하루 10분의 기적』. KBS 1TV에서 수요일마다 오후 11시 30분부터 방송되는 'KBS 수요기획'에서 방영된 을 옮겼다. 우리가 하루에 무심코 지나친 114번의 '10분'에 삶을 변화시키는 기적의 비밀이 숨겨져 있음을 일깨운다. 특히 10분을 통해 '집중하는 뇌'로 리셋하는 방법을 배운다. 공부는 열심히 했지만 성적은 오르지 않는 학생들, 야근을 자주 하지만 성과를 내지 못하는 직장인들, 그리고 주의가 산만하면서 충동이나 감정이 조절되지 않은 사람들 등이 뇌를 활성화시켜 쓰레기통에 던져놓았던 먼지 낀 시간을 되찾도록 인도하고 있다. 저자 KBS 수요기획팀 출판 가디언 출판일 2010...
-
코드 스플리팅 Code Splitting & 서버 사이드 렌더링 Server Side Rendering
코드 스플리팅 컴포넌트를 분리된 파일로 저장하는 것 서버 사이드 렌더링 X: React.lazy Suspense로 구현 서버 사이드 렌더링 O: Loadable Components 라이브러리 사용 권장 서버 사이드 렌더링 단점: 웹 브라우저 일을 서버가 대신 사용하니 서버 리소스 사용됨 → 동시에 많은 사용자 접속하면 서버 과부하 발생 가능성 있음 보완: 사용자가 많은 경우 캐싱과 로드 밸런싱을 통해 성능 최적화 필요 서버 사이드 렌더링과 코드 스플리팅 함께 사용시 충돌이 있음(코드 스플리팅 깜빡임 현상) 서버 사이드 렌더링된 결과물이 브라우저에 나타남 자바스크립트 파일 로딩 시작 자바스크립트가 실행되면서 아직 불러오지 않은 컴포넌트를 null로 렌더링함 페이지에 코드 스플리팅된 컴포넌트들 사라짐 코드 ..