Skip to content
chichoc edited this page Dec 5, 2024 · 24 revisions

🎉 환영합니다!

BooLock Wiki에 방문해 주셔서 감사합니다 :)
이곳은 저희 팀의 개발 과정 및 결과물을 좀 더 세세히 볼 수 있습니다!

Enjoy !


🍀 네부캠 방범대

팀원 BooLock 위키
J018_권나연
@chichoc

저는 사용자 경험과 재사용성을 중시하는 프론트엔드 개발자입니다.
CSS 클래스 블록 관련 기능, 사용법 가이드를 위한 코치마크 구현을 담당했습니다.

- 협업을 위한 Github 설정 (GitHub Projects)
- 협업을 위한 Github 설정 (repository)
- Flyout toolbox 커스텀 여부 파악하기
- plugin-typed-variable-modal 띄워보기
- Flyout toolbox에 동적 블록 생성하기 (DOM)
- Flyout toolbox에 동적 블록 생성하기 (svg)
- 협업을 위한 Github 설정 (Github Actions)
- Flyout toolbox 내 Block에 동작 추가하기
- 사용자 가이드 구현 with 코치마크
J189_이영재
@lee0jae330

저는 문제해결을 즐기는 개발자입니다.
프로젝트에서 전반적인 CRUD와 워크스페이스 CSS 관련 기능을 구현했습니다.

- Blockly 설치 및 사용법
- MongoDB란?
- MongoDB CRUD 쿼리 문법
- MongoDB 설치 및 연동하기 (for Windows)
- Storybook 사용해보기
- tanstack-query를 알아보자
- Intersection Observer API란?
- 무한 스크롤 구현하기
- 사용자의 원치 않은 페이지 이탈 방지하기
J190_이유진
@Yujin

저는 사용자에게 즐거움을 주고 새로운 도전을 좋아하는 개발자입니다.
blockly 라이브러리를 이용해 HTML 태그/CSS 클래스 탭을 구현하고, 메인 페이지 배너를 제작했습니다.

- Yarn Berry와 Pnpm 알아보기
- VSCode storybook snippet
- 개발 초기 세팅
- eslint 규칙을 어겨도 editor에 빨간 줄이 안 뜸
- eslint의 새로운 config 시스템
J252_최경일
@inhachoi

저는 사용자 경험을 중요시하는 개발자입니다.
CSS 스타일 블록 커스텀, 코드 하이라이팅, Storybook 관리, Lighthouse 기반 최적화 업무를 맡았습니다.

- prettier&eslint 설정하기
- react-youtube 에러 해결
- Storybook 입문 슈웃~
- 기관 레포에서 Storybook 배포하기
- 검색하면 나오게 해줘잉~ (SEO)
- Blockly 커스텀 도전기
- Code 하이라이팅 직접 구현ㅎㅎ
- Lazy Loading
- 친절한 Lighthouse씨와 접근성 개선
J281_홍현지
@Honghyeonji

저는 다양한 도전과 경험을 해보고 싶은 욕심 많은 개발자입니다.
인프라 구축 및 데브옵스 작업, Blockly를 활용한 블록 커스터마이징 작업을 맡았습니다.

- gitccm
- 스웨거는 express에게 불친절하다
- 엔트리는 어떻게 정보를 저장하는가
- docker 코드 해석과 수동 배포 방식
- Blockly 클래스들을 이용한 Block 커스텀하기!(커스텀의 시작과 ConstantProvider의 발견편)
- Blockly 클래스들을 이용한 Block 커스텀하기!(블록 외부 그리기 편)

🏠 Home

🔍 세부 기능

🚀 프로젝트

⭐ 팀 목표

🤝 협업

📖 BooLock위키

J018_권나연
J189_이영재
J190_이유진
J252_최경일
J281_홍현지

🎙️ 발표

💡 회고

🗣️ 회의록

0️⃣주차
1️⃣주차
2️⃣주차
3️⃣주차
4️⃣주차
5️⃣주차

📷 갤러리

Clone this wiki locally