본문 바로가기

Project6

[Side Project] 프론트엔드 포트폴리오 사이트 리팩토링 프로젝트 URL 깃허브 페이지 URL https://baikseungjeon.github.io/project-portfolio/ 백승전 포트폴리오 개발 블로그 작성 개발을 시작하며, 복습 목적으로 시작한 기술 블로그입니다. 당일 공부 내용을 전부 기록하는 게 목적이었고, HTML, CSS, JavaScript와 같이 기본적인 내용부터 React, 깃과 깃허브 등 baikseungjeon.github.io 프로젝트 개요 2021.09.13 - [Project/Portfolio] - [Portfolio] 프론트엔드 포트폴리오 웹 사이트 개발 [Portfolio] 프론트엔드 포트폴리오 웹 사이트 개발 프로젝트 URL 포트폴리오 사이트를 제작했습니다. [깃허브 주소] https://github.com/Baik.. 2021. 11. 28.
[Team Project] IKEA 쇼핑몰 개발 서론 시간이 정말 빠릅니다. 이 기술 블로그도 제가 막 국비 학원을 다닐 때 작성하기 시작했는데, 11월 4일 자로 수료도 했고, 사실 저는 그 이전에 조기취업으로 10월 25일부터 프론트엔드 개발자로 취업을 해 회사를 다니는 중이었습니다. 시기 상 운이 좋게 10월 초부터 학원 내에 팀 프로젝트에 참여할 수 있게 되어, 팀 프로젝트도 하고, 끝나갈 때 즈음에 취업도 하고, 수료도 하고 정말 운칠기삼이란 말은 진리인 거 같습니다.. 프로젝트 개요 국비, 교육 기관, 취준 개발자들의 꽃 팀 프로젝트를 진행하였습니다. 우선 프론트엔드와 백엔드가 같이 보여줄 수 있는 게 무엇일까 생각을 해 봤습니다. 프론트엔드 입장에선 헤더와 메뉴도 있어야 하고, 슬라이드도 있으면 좋겠고, 페이지가 좀 많았으면 좋겠으며, 백.. 2021. 11. 17.
[Side Project] 프론트엔드 포트폴리오 사이트 개발 프로젝트 URL 포트폴리오 사이트를 제작했습니다. 깃허브 주소 https://github.com/BaikSeungJeon/project-portfolio GitHub - BaikSeungJeon/portfolio-timeline: 제 지난 날의 발자취를 기록한 포트폴리오 사이트입니다. 제 지난 날의 발자취를 기록한 포트폴리오 사이트입니다. Contribute to BaikSeungJeon/portfolio-timeline development by creating an account on GitHub. github.com 깃허브 페이지 주소 https://baikseungjeon.github.io/project-portfolio/ 백승전 포트폴리오 기술 블로그 작성 2021 05 ~ 개발을 시작하며, 복.. 2021. 9. 13.
[Clone Coding] 키움증권 MTS 클론코딩(React) 프로젝트 개요 리액트 '쇼핑몰 만들기' 유료강의를 들은 후, 의류가 아닌 '구매한다'는 성격을 그대로 가져와 주식을 구매할 수 있는 MTS(Mobile Trading System) 앱을 클론코딩 해 봤습니다. 실제로 주문이 되는 건 아니고, 홈화면과 주문화면, 그리고 '매수 주문' 버튼 클릭 시 체결이 완료 됐다는 모달창만 구현했습니다. 제가 클론코딩을 한 증권사는 키움증권이며, 절대 상업 목적으로 사용되지 않았으며 이미지 저작권은 전부 키움증권에 있습니다. 프로젝트 URL 깃허브 주소 https://github.com/BaikSeungJeon/project-react-mts/ GitHub - BaikSeungJeon/clonecoding-react-mts: 리액트로 키움 증권 MTS 화면 클론 코딩을 .. 2021. 9. 9.
[Clone Coding] 반응형 홈페이지 클론코딩 참고 페이지 https://startbootstrap.com/previews/clean-blog 저는 위 링크를 들어가면 있는 반응형 블로그를 클론코딩 했는데요. 부트스트랩을 공부하면서 알게 된 반응형 사이트들이 모여 있는 사이트입니다. 무료로 사용이 가능한지는 모르겠지만, 오른쪽 상단에 'free download' 버튼이 있는 걸 보면, 상업, 영리 목적 이외에 클론코딩 연습 용도로는 사용이 가능한 것 같습니다. 프로젝트 리뷰 개발 스택: HTML, CSS, jQuery 프로젝트 URL 깃허브 페이지 URL https://baikseungjeon.github.io/study-rwd/ Clean Blog Man must explore, and this is exploration at its greates.. 2021. 7. 23.
[Clone Coding] 언더아머 클론코딩 프로젝트 개요 안녕하세요. 오늘은 HTML과 CSS 그리고 JavaScript의 진도를 어느정도 나갔다면, 그리고 이 프론트엔드와 더 친해지고 실력 향상에 도움이 되는 훈련으로 손 꼽히는 클론코딩을 해 봤습니다. 저는 헬스와 패션 등이 취미인 만큼 헬스 의류 브랜드를 한 번 클론코딩 해 봐야겠다고 생각했는데요. 전체를 다 클론코딩 하지 않고 홈페이지 첫 스크롤에서 보이는 이미지와 상품 이미지, 그리고 footer까지만 해 봤습니다. 본 작업물의 상표, 로고, 이미지 저작권은 전부 언더아머에 있으며, 출처도 언더아머에 있음을 밝힙니다. 또한 클론코딩 목적 이외에 상업적, 영리 목적으로 절대 사용되지 않았음을 밝힙니다. 프로젝트 URL 깃허브 페이지 URL https://baikseungjeon.github.. 2021. 7. 5.