● 한국일보 CMS 신규 개발/ 유지보수 Monorepository를 통한, CMS 에서 Video Management System 개발. - 동영상 삽입, 및 관리 - 동영상 통계 dashboard page ● 한국일보 인터렉티브 제작 (반응형) - https://interactive.hankookilbo.com/v/disability (발달장애인) * Pug/Sass/JS/Webpack -https://interactive.hankookilbo.com/v/old_house (박제된 나의 집) * React/Sass/webpack5 -https://interactive.hankookilbo.com/v/COVIDKids (코로나 키즈 스트레스 진단) * React/Sass/webpack5 -https://interactive.hankookilbo.com/v/doctor (벼랑 끝 대한민국 의료를 말하다) * React/Sass/webpack5 ● 한국일보 홈페이지 Publishing 구축/유지보수 (적응형) - HTML/SCSS/VanillaJS/grunt - PC version publishing - Mobile version publishing ● React-native 한국일보 앱 운영, 배포 및 개발 - React-native version upgrdae 0.62 => 0.68 * push notification(firebase)및 SNS Login/share migration. * 모든 library -> migration to be compatible with version 0.68 * Webview component를 React-Native component 구현(upgrade) * React-Navigation를 통한 routing * Redux state management * Codepush 구축 **처음부터 배포 까지 구축 경험

더보기

● 환율 자동 입력 시스템. (nodejs) ** 하나은행 website에서 다운로드한 Excel을 FTP와 ExcelReader(npm xslx)를 통한 Parsing 해서 Oracle DB 에 입력및 입력한 데이터 Auto mailing service. ● 금속 시세를 기준 사이트를 기반으로 WebCrawling. (nodejs) -npm cheerio/axios 를 이용한 web크롤링 ● Anonymous Bidding System. (vanillaJS(hbs), ExpressJS MongoDB) - 기존에 있던 사이트(Spring 기반)를 expressJS(server) vanillaJS(client)를 이용한 revision. a) Server Side - Creact User 기능 (npm bcryptjs password hashing) - 로그인(npm passport session) 기능. - 다른 vendor 주소록 기능(CRUD). - 견적서 등록 기능(Create/ Read). - 견적서 등록후 Email 보내기 기능.(nodemailer/ sendgrid/JWT를 통한 인증). - 받은 JWT를 포함한 이메일로 vendor가 들어와서 견적서 등록 기능(Create/update). - 보내는 견적서/받는 견적서 Fileupload 기능. (npm multer) b) Client Side - 견적서 등록후 DOM을 활용한 Dynamically generating DropDown vendor list options. - Vendor list DropDown Search를 통해 (array.includes) 검색어를 포함한 vendor List DropDown기능, 초기 Dropdown List와 Search후 Dropdown List Synchronous - Navbar와 Tab기능 Synchronous. - 견적서/Vendor 등록 modal. - File upload 기능. (new FormData())를 통한 Fetch Req. - 견적서List 및 Vendor List Dynamically viewed. ● SCM 웹사이트(개발 완료) *개발환경: npm, React, ExpressJS, OracleDB, css module. *Library: [1] Client => ag-grid-react, axios, react-icons, react-router-dom, xlsx [2] Server => cors, express-validator, jsonwebtoken, nodemailer, winston *상세 개발 내용: 1. Client 에서 State management로 Context API와 Reducer 사용. 2. Create Read Update Purchase Order Schedule(납기예정일)기능. Ag-grid를 사용해 사용자가 PO넘버를 통해 조회, 수정및 생성. 3. Purchase Order에 타입에 따른 조회(ag-grid및 search-box 모듈화) 3. Ag-grid와 xlsx를 통한 Purchase Order Schedule(납기예정일) excel upload 기능. 4. Purchase Order Schedule(납기예정일)등록시 Validation 기능. 5. Admin(Signetics User) 기능. 외부 사용자 인증 및 Vendor code 부여 및 update. 6. User page: a. 비밀번호 변경한지 90일지나면 사용자에게 변경 제안or 1달뒤 알림(Modal) b. 비밀번호 분실시 Email 과 JWT 를 이용한 Password Reset. c. 로그인 상태에서 비밀번호 변경. 7. winston Library 를 통한 로그 기록 (as .txt file)

더보기