본문 바로가기

분류 전체보기267

image moum.zip 2021. 10. 18.
[Team project] 🍿MEGAFOX 🎞 - 초기세팅 1. CRA 설치 // 1. Desktop - 프로젝트 생성할 폴더로 진입 cd Desktop/wecode // 2. 프로젝트 설치 npx create-react-app westagram-react // 3. 프로젝트 진입 cd westagram-react // 4. 로컬 서버 띄우기 npm start 2. 불필요한 파일 삭제 3. react-router 라이브러리 설치 npm install react-router-dom --save 4. node-sass 모듈 설치 후 제거 - 이번엔 styled-components 사용 할 것 npm install node-sass@4.14.1 --save npm uninstall node-sass 5. styled-components 모듈 설치 (styled-com.. 2021. 10. 18.
[Team project] ⚾️BBADDA 💢 - 회고 기존 MLB korea 사이트를 프론트엔드는 React를 백엔드는 Django/Python를 사용해 재구성해보았습니다. BBADDA 팀 프로젝트 📆 진행 기간 2021.10.05 ~ 2021.10.15 💻 기술 Front-end View : React Build Tool : Create React App Library : react-router-dom Code Quality Tool : ESLint, Prettier Sass Back-end Python, Django, MySQL Infrastructure : AWS 🖇 협업 툴 VCS : Git & Github Communication : Slack Task Management : Trello ⚾️ 팀원별 역할 Front-end github 공통 CRA.. 2021. 10. 18.
#TIL #211011-1017 (MLB site clone - 1차 프로젝트의 날들) 10월 11일 (월) 오늘 한 것 git stash 개념 익히기 MLB Korea Clone project 상세페이지 옵션 영역 레이아웃 완성 10월 12일 (화) 오늘 한 것 Codekata 5주 - 2일차 문제 (maxProfit) MLB Korea Clone project 선택한 색상 state값 저장과 active class추가 10월 13일 (수) 오늘 한 것 MLB Korea Clone project 선택한 size state값 저장과 acvite class추가 제품 상세페이지 컴포넌트화 추가 작업 코드리뷰 사항 반영 선택된 제품 옵션 사항 state값으로 저장 > back-end 통신 POST로 보낼 수 있게 정보 담기 승균님 메인 페이지 작업 참고하여 slide구현 멘토님 코드리뷰 변수명 .. 2021. 10. 18.
[Algorithm 015] JS - maxProfit Q. prices는 배열이며, 각 요소는 매일의 주식 가격입니다. 만약 한 번만 거래할 수 있다면 = 사고 팔 수 있다면, 제일 큰 이익은 얼마일까요? 설명: 2일(가격=1)에 샀다가 5일(가격=6)에 사는 것이 6-1이라 제일 큰 수익 7-1=6 은 안 되는거 아시죠? 먼저 사야 팔 수 있습니다. Input: [7,1,5,3,6,4] Output: 5 설명: 여기서는 매일 가격이 낮아지기 때문에 거래가 없습니다. 그래서 0 Input: [7,6,4,3,1] Output: 0 A. 답 const maxProfit = prices => { const arr = []; for ( i = 0 ; i < prices.length ; i++ ){ for ( j = 1 ; j < prices.length ; j++.. 2021. 10. 12.
#TIL #211004-1010 (MLB site clone - 1차 프로젝트의 날들) 10월 04일 (월) 오늘 한 것 React monster문제 : filter메서드로 검색 기능 구현하기 (미완료) 10월 05일 (화) 오늘 한 것 Codekata 4주 - 1일차 문제 (reverseString) Codekata 4주 - 2일차 문제 (complexNumberMultiply) git push origin master --force 의 위력 React component간 state, props의 흐름 (monster문제로 복습) MLB Korea Clone project 팀 repository clone 후 작업환경 세팅 10월 06일 (수) 오늘 한 것 React - Lifcycle, 조건부 랜더링 MLB Korea Clone project 상세 페이지 레아이웃 JSX로 컴포넌트를 분.. 2021. 10. 11.
[프론트엔드] Front-end Dan:d 입니다🌱 I'm Dan:d안녕하세요, '단디하는' 프론트엔드 개발자 Dan:d 입니다 :]✨Project Skill : 실무에서 사용 중Web App (SPA, MPA) Markup (HTML)Javascript (ES5/ES6)React, Next.jsVue.js (유지, 보수)jQueryStylePure CSS (keyframe을 통한 animation)CSS Preprocessors(SCSS, Emotion, Styled Component)utility-first CSS (tailwind)UI System(Materal UI, Bootstrap) Version ControlGit (CLI, SorceTree GitHub) Communication & Task Management SystemSlack, Tel.. 2021. 10. 10.
[Algorithm 014] JS - factorial Q. 재귀를 사용하여 팩토리얼(factorial)을 구하는 함수를 구현해주세요. 팩토리얼이란 1에서부터 n까지의 정수를 모두 곱한것을 말합니다. 1! = 1 2! = 1 * 2 5! = 1 * 2 * 3 * 4 * 5 A. 답 const factorial = n => { if( n === 0 ){ return 1; } return n * factorial(n-1); } factorial(3) // 6 if 를 적지 않았다가 RunJS가 뻗어버렸다. 재귀함수는 자신을 계속 호출하므로 이를 중단시키는 특정 조건문이 반드시 하나 이상 들어가야한다. 이것을 Base case(=Termination case)라고 한다. 마지막에 1을 반환하는 이유 : 종료 값을 반환할 때 값에 지장을 주지 않기 위해 1을 곱한다.. 2021. 10. 9.

티스토리툴바