thenutcracker thenutcracker

1. 기업소개 Prevenotics [Prevention (예방) + Diagnostics (진단)] AI 의료 진단 소프트웨어 기업 암 진단의 정확도를 높이고 암으로 발병 될 위험도를 적극적으로 파악해서 예방 진단이 가능한 첨단 기술 개발 Prevenotics는 AI를 이용하여 '병'을 잘 진단하는 것을 넘어 심각한 병이 걸리기 전 '예방'단계의 위험까지도 미리 진단 · 관리 해당 산업군(Medical AI Software) 은 일반적인 시장 전략, 마케팅적 관점을 넘어 관련 제도, eco-system 및 기술적인 이해를 종합적으로 필요로 하는 시장으로, 미래 전도 유망한 4차/융합 산업으로 불리지만 의학, 공학, 경영 측면에서 함께 조율하고 고민해 나가야 하는 시장기술스택 2. 기업협업 기간 2023..

프로젝트 소개 - 오늘의 집 클론코딩 - 커뮤니티와 커머스 위주로 구현된 웹 사이트 - 20~30대 이사를 준비하는 인테리어에 관심이 많은 사람들 대상으로 서비스 구현 - 닉네임을 가지고 커뮤니티 활동을 하면서 소비자의 구매까지의 과정 구현 - 해당 인테리어에 대한 상품을 다른 웹 사이트와 다르게 상품을 전시 팀명 : 콤배콤(comebackhome) 개발기간 : 2023.3.24 ~ 2023.4.7 (약 2주) 개발 인원 - Front : 신정호, 문은빈, 이기태 - Back : 임수정, 류승준 기술스택 - Front : JavaScript, React, esLint, Prettier - Back : JavaScript, Nodejs, MySql, Rest, Jest - Communication : Sl..

Cart Page 장바구니 페이지에서 가장 메인이 되는 기능은 체크박스기능이었다 1. 모두선택, 선택 기능 2. 선택 삭제 기능, 삭제기능 3. 체크박스 체크된 상품 수량변화 코드를 살펴보자 1. 모두선택 기능 const changeAllBox = checked => { //1 if (checked) { //2 const allCheckBox = []; //3 cartData.forEach(el => allCheckBox.push(el.cartId)); //4 setCheckList(allCheckBox); //5 } else { setCheckList([]); //6 } }; cartData 배열에 있는 모든 상품의 cartId 값을 checkList 상태에 업데이트 해주거나, 모든 체크박스를 해제하는..

product list page 구현해야되는 기능으로는 1. product list 화면 2. product image 좋아요 버튼 3. product image 마우스 호버시 장바구니 버튼 4. 장바구니 버튼 클릭시 모달창 생성 5. 장바구니 모달창에서 제품 사이즈 선택 6. 사이즈, 색깔 필터 코드를 살펴보자 1. product list 화면 //productlist.js {getData && getData.map( ({ id, name, price, categories, image_url, }) => { return ( ); } )} - product image 가 반복되므로 map 을 이용해 화면을 구성했다 프로젝트 시작 전에는 map을 이해는 했지만 구현하는데 쉽지 않았었다 반복되는 부분을 일단..

프로젝트 소개 샌들, 슈즈 부츠 등을 판매하는 영국 의류기업 Dr.Martens clone 프로젝트 팀 명 : soleMates 개발기간 : 2023.03.06~2023.03.17 (약 2주) 개발인원 : 5명 - Front (이기태, 김수미, 홍태훈) Back (최원식, 김승태) 기술스택 - Front : HTML, CSS, JavaScript, React, Sass - Back : Node.js, MySQL, JavaScript, Express, Nodemon - Communication : Slack, Trello 구현 사항 - login, signup - main, header, footer - product list - product detail - cart 본격적인 프로젝트 시작에 앞서 데이터..