1. CI/CD 자동화 테스트 시뮬레이션 - yarn turbo 기반 - jest, playwright 등 테스트 도구로 ci/cd 진행 시 오류 없이 정상 반영 및 배포되냐를 확인 후, 시뮬레이션 결과 이상 없음 2. 각 서비스 피처 개선 및 배포 • 교사 앱 - [학생 명단]: (초등) 우측 상단 학생 명수 표기 부분이 줄바꿔져서 보이는데 중고등처럼 한 줄에 보이도록 수정 - [수업 > 공지]: 텍스트 내용 url 표시 레이아웃 깨지는 부분 개선 - [홈 > 퀴즈팡 관리]: 태블릿에서 [내 퀴즈 목록] 의 [공개 범위] 열 너비가 좁아서 드롭박스의 텍스트가 잘 보이지 않았는데 최소 너비를 적용하여 개선 / [학교 퀴즈], [전체 퀴즈] 목록에서 [공개 범위] 열이 학교로 표시되지 않고 INSCHOOL, PRIVATE 처럼 코드값으로 표시되는 부분을 학교, 미공개 표시로 수정 → 개발 및 테스트 중에 [학교 퀴즈], [전체 퀴즈]가 영어 설정에서 한국어 그대로 보이는 문제가 있어서 기존 요청 사항이 없던 이 문제까지 설정 언어에 따라 해당 언어로 보이도록 수정함 - [홈 > 설정]: (초등) 담임 vs 과목 교사에 따라 라디오버튼이 기본값으로는 선택되지 않아 보인 부분 개선 - [포커스타임 > 주의 집중]: 영어로 설정했을 때 차트의 x y 축 라벨이 한국어로 보이는 부분이 고정값으로 지정해서 발생한 문제인데 i18n 도구를 이용하여 개선 • 학생 앱 - [포커스타임 > 화면 공유]: 교사가 학생 화면 공유 시 특정 학생을 공유하면 그 학생 화면에서 인피니티 미러링 문제가 발생하여 해당 학생 공유 시 화면 가리기로 개선 - [포커스타임 > 주의 집중]: 교사가 활성화 시 학생이 여러 번 클릭하거나 터치해서 콤보가 10을 넘어가도 주의집중 모드가 안 사라지는 부분은 중복 클릭이나 터치를 비활성화하고 콤보 횟수도 10으로 제한, 교사가 비활성화해도 접속하자마자 기본적으로 주의집중 온도가 보이는 문제가 있는 부분은 활성 시에만 보이도록 개선 - [모둠 활동]: 모둠 활동 제목이 뭉쳐서 찌그러지게 보이는데 교사처럼 버튼 하단 영역에 매끄럽게 보이도록 처리 - [수업 > 공지]: 텍스트 내용 url 표시 레이아웃 깨지는 부분 개선 3. [칭찬 스티커] 신규 개발 • 교사 앱 - 자신의 수업에 연결된 학생 목록에서 특정 학생에 대해 스티커를 생성, 수정, 삭제할 수 있음 - 학번, 이름, 스티커 개수, 스티커 내용을 검색 - 스티커 개수에 따라 오름차순 내림차순 정렬 • 학생 앱 - 자신의 스티커만 조회할 수 있고, 교사가 자신의 스티커에 대한 동작이 반영돼서 확인 가능 4. 계정 접속 비밀번호 변경이 6개월 경과하면 변경을 권장하는 모달 추가 • 교사 앱 - (원격 분기에 반영) • 학생 앱 - (해당 사항 없음)

더보기

한화생명 비대면인증 si 개발 (React, styled-components, js의 es6 문법/jsx → ts/tsx로 변경, cra 웹팩 → vite 로 마이그레이션, zustand, @tanstack/react-query, recoil) - 로딩 성능 개선: 기능 추가에 따른 필요한 라이브러리들이 점점 생기면서 cra 번들러 기준 4.5 초 이상 소요된 로딩 시간을 vite 번들러로 마이그레이션 후 약 0.4초로 단축 - 협력사에서 제공한 web-rtc 소스코드(es5 이전 문법으로 구성된 js)를 기반으로 신분증 스캔 기능 구현을 위한 커스터마이징 - 신분증 스캔 결과를 확인하여 올바른 결과일 때는 서버로 전송하고 그렇지 않을 때는 다시 스캔하도록 기능 구현 - 비대면 인증 iOS 앱의 신분증 스캔 화면에서 스캔 영역이 표시되지 않았던 문제 해결: 아이폰 빌드후 생성된 파일을 실행하여 웹뷰 화면 확인했는데, 처음에는 ‘카메라 모듈 초기화 실패’ 라는 에러가 알림창 표시가 됐는데 다음 아이폰 디버깅 순서로 해결함. [설정] → [개인정보 보호 및 보안] → [차단모드] : 끔

더보기

Web RTC 프로젝트 : BigBlueButton 1. 화면 기능 추가 및 UI/UX 개선 (React, js의 es6, jsx, styled-components) 기능 구현한 업무 순서: 메인 화면 및 로그인 화면 파비콘 수정 → 미팅 목록 및 생성 → 미팅 접속 → 오디오 모달 → [사용자 목록전환] 버튼 클릭 후 레이아웃 조절 → 비디오 클릭 및 캡처 버튼 활성화 → 캡처한 화면 다운로드 → 비디오 캡처 버튼 비활성 → 링크 복사 → [미팅 나가기] 버튼 클릭 후 세션 종료 2. 서버 이관 및 운영 배포 (명령어 : Docker, 리눅스, 쉘스크립트) 서버 이관에 필요한 bbb 설치를 위해 쉘스크립트의 지정된 명령어로 설치하여 도커 볼륨 이미지 마운트 및 시작과 실행에 필요한 명령어를 사용하여 운영 배포까지 완료

더보기

1. 대기측정망자료관리시스템 (JavaScript, ReactJS, Styled-Component) -기존에 만들어진 여러 개의 화면 퍼블리싱 -메인 관제 화면 (대시보드) : 서버로부터 대기오염 물질별 데이터를 가져와서 물질별 버튼 탭을 만들고 그에 따라 대기 물질 데이터를 차트(rechart), 테이블, 지도(SVG)로 화면에 표시 → 실시간 데이터 시각화 및 알림 기능을 구현, 운영 효율성을 크게 향상시킴 2. 대기 물질 측정소 리스트 웹 화면에 표시 (Node+Express, MySQL) -MySQL을 이용해서 db에 있는 대기 물질 측정소 리스트 정보를 NodeJS에 확장되는 ExpressJS로 구축된 웹 서버로 서버사이드 렌더링하여 웹 화면에 표시 3. 회사 업무 외적으로 자기 계발: TypeScript, SpringBoot, NextJS

더보기

복지로 사이트 퍼블리싱 - 수정: [통합검색], [데이터랩], [본인도움요청], [복지뉴스] - 반응형 웹 - 추가: [화면 따라하기], [오픈 API], 메인화면 배너

더보기