HTML&CSS3 
에 대한 최신 게시물 (18)
오늘 있었던 일을 기록하고 공유해 보세요.
노민우님이 참여한 프로젝트를 공유했습니다.

노민우

웹 프론트엔드 개발자

D3.js , agile , waterfall , HTML&CSS3 , Open API , File Systems
내부 CS팀 고객관리 웹 페이지 개발 V2

2019년 2월 - 2019년 3월

[Description]
v1에서 할당된 시간 안에 cs팀의 요청 적용 미션
[Experience]
1. Mobx 학습 및 적용 경험
2. 워터폴 & 애자일 중 올바른 모델 방식 도출 경험. (적은 시간 과 많은 의사소통)
3. open api & fs(file system) 적용 경험 (우체국 택배, 주소)
4. 데이터 시각화 적용 경험
더 보기 [Description]
v1에서 할당된 시간 안에 cs팀의 요청 적용 미션
[Experience]
1. Mobx 학습 및 적용 경험
2. 워터폴 & 애자일 중 올바른 모델 방식 도출 경험. (적은 시간 과 많은 의사소통)
3. open api & fs(file system) 적용 경험 (우체국 택배, 주소)
4. 데이터 시각화 적용 경험

[Tech Stack]
React, Mobx, React-router, React-Thunk, React-Actions,
Lodash, Moment, Xlsx
Sass, D3,
Axios.

참여자

노민우
웹 프론트엔드 개발자
이승재님이 참여한 프로젝트를 공유했습니다.

HTML&CSS3 , Next.js
CheckCheck - Trevari 기업협업 프로젝트

- Trevari 회원들의 책 평가 기록을 관리 및 회원들의 성향을 분석하여 책을 추천해주는 Responsive Web Page
- REST API를 활용하여 Mypage CRUD 서비스 구현
- React.js와 Next.js를 사용하여 Web Page 구현
- SSR(Server Side Render)방식을 통해 구글 노출 빈도 개선
- P
더 보기 - Trevari 회원들의 책 평가 기록을 관리 및 회원들의 성향을 분석하여 책을 추천해주는 Responsive Web Page
- REST API를 활용하여 Mypage CRUD 서비스 구현
- React.js와 Next.js를 사용하여 Web Page 구현
- SSR(Server Side Render)방식을 통해 구글 노출 빈도 개선
- Pagination과 infinite scroll으로 바른 데이터 로딩
- Responsive Design으로 PC/Mobile에서 최적화된 화면으로 동일한 기능을 하도록 작업

참여자

이형섭
웹개발자, 프론트엔드 개발자, 백엔드 개발자 @에이피엠멤버스
아기레아네
Computational Scientist
문성진
웹 프론트엔드 개발 @와그
이승재
Chief of Staff
이현배님이 참여한 프로젝트를 공유했습니다.

JavaScript , Ajax , Ubuntu , 프론트엔드 개발 , HTML&CSS3 , Vanilla.js
Replica Amazon-Prime

2018년 10월 | 진행중

ubuntu OS 환경에서 Library와 framework 없이 순수 Javascript와 HTML, CSS 등으로 제작된 Replica site
- 좌우 움직임과 자동 이동 기능이 적용된 Carousel 기능 (Debounce 적용)
- 일정 영역에 도달시 숨겨진 Layer를 보여주게 하는 Plan Layer 기능
- UX(대각선 이동)를 고
더 보기 ubuntu OS 환경에서 Library와 framework 없이 순수 Javascript와 HTML, CSS 등으로 제작된 Replica site
- 좌우 움직임과 자동 이동 기능이 적용된 Carousel 기능 (Debounce 적용)
- 일정 영역에 도달시 숨겨진 Layer를 보여주게 하는 Plan Layer 기능
- UX(대각선 이동)를 고려한 메가드롭다운 기능
- 검색창 자동검색완성 기능

> https://github.com/feanar729/javascript-amazon [github 코드]

참여자

이현배
디자이너 @하이브
윤현구님이 참여한 프로젝트를 공유했습니다.

JavaScript , jQuery , HTML&CSS3
공간정보기술 오픈소스팀 홍보 홈페이지 제작
공간정보기술

2018년 11월 - 2018년 12월

혼자 진행하며 Html, JS, CSS만을 이용하여 마크업으로만 만든 홈페이지로서, 반응형 UI를 고려하였다. 직접 회사 내 서버 Apache에 배포하였다.
참조 링크 : http://www.geodt.co.kr/
http://www.geodt.co.kr/pages/web.html
http://www.geodt.co.kr/pages/mobile.
더 보기 혼자 진행하며 Html, JS, CSS만을 이용하여 마크업으로만 만든 홈페이지로서, 반응형 UI를 고려하였다. 직접 회사 내 서버 Apache에 배포하였다.
참조 링크 : http://www.geodt.co.kr/
http://www.geodt.co.kr/pages/web.html
http://www.geodt.co.kr/pages/mobile.html
http://www.geodt.co.kr/pages/desktop.html
( 회사 내 서버상의 이유로 정상작동하지 않을 수 있습니다. )

참여자

윤현구
Shopping Service Backend @지마켓글로벌
안재현님이 참여한 프로젝트를 공유했습니다.

HTML&CSS3 , 자바스크립트 , Sass/scss , 웹프론트엔드
Fast-Plate

2018년 11월 - 2018년 12월

리액트를 이용하여 구현한 첫번째 프로젝트 입니다.

음식평점 사이트인 망고플레이트(https://www.mangoplate.com/)를 카피했으며 기존에 glich서버를 이용한것과 달리 백엔드에서 직접 데이터를 크롤링 하여 만든 api 서버와 통신을 해보았습니다.

리액트를 세가지 컴포넌트 (Page, Container, Presentation
더 보기 리액트를 이용하여 구현한 첫번째 프로젝트 입니다.

음식평점 사이트인 망고플레이트(https://www.mangoplate.com/)를 카피했으며 기존에 glich서버를 이용한것과 달리 백엔드에서 직접 데이터를 크롤링 하여 만든 api 서버와 통신을 해보았습니다.

리액트를 세가지 컴포넌트 (Page, Container, Presentational)로 분리해서 구현하였으며 Git flow를 이용하여 전에 해보았던 경험보다 조금 더 심도있는 협업을 경험해보았습니다.

참여자

안재현
해외전시팀