위코드
위코드 8주차 회고 - 2차 프로젝트 아워트립
위코드 8주차 회고 - 2차 프로젝트 아워트립
2022.06.19프로젝트 주제 : 여행 예약 플랫폼 사이트 마이리얼트립을 모티브 한 아워트립 기간 : 2022/06/07 ~ 2022/06/16 (10일) 코드 : 깃허브 바로가기 프로젝트 팀 팀명 : 아워트립 Front-end 손가영 : Nav, Footer, 마이페이지, 상세페이지 유하은 : 메인 페이지 윤경연 : 항공편 리스트 페이지, 결제 페이지 최현민 : 소셜 로그인 페이지, 로딩 페이지 Back-end 정병휘 최바다 개발 도구 🛠 Front-end HTML5 Styled-Component JavaScript(ES6) React.js react-router slick (library) Back-end Python Django MySQL Bcrypt pyjwt RESTful Collaboration Tools G..
위코드 6주차 회고 - 1차 프로젝트 남바완
위코드 6주차 회고 - 1차 프로젝트 남바완
2022.06.06프로젝트 주제 : 쿡킷 사이트 클론 코딩 - 밀키트 판매 서비스 (e-commers) 기간 : 2022/05/23 ~ 2022/06/02 (11일) 프로젝트 팀 🌼 팀명 : 남바완(Namba1) Front-end 김혜수 : 회원가입 페이지, 로그인 페이지, Footer 박주영 : 리뷰 페이지 천은별 : 메뉴 리스트 페이지, 상품 상세 페이지 최현민 : 메인 페이지, Nav Back-end 임한구 : 모든 기능 API 구현 개발 도구 🛠 Front-end : HTML / CSS / SCSS / JavaScript(ES6) / React.js Back-end : Python / Django Web Framework / MySQL / Bcrypt / JWT 협업 도구 : Git / Github / Trello..
위코드 4주차 회고
위코드 4주차 회고
2022.05.22위코드 커리큘럼 'Foundation -2'가 끝났다. 4주 차 마지막 날에 바로 옆 방에서 1, 2차 프로젝트를 진행하며 같은 층을 사용하던 32기가 기업 협업에 들어가면서 짐을 비웠다. 빈자리에는 기업 협업을 끝낸 31기가 그 자리에서 수료식을 진행하고 있었다. 수료식을 진행하는 31기들의 얼굴을 보았는데 다들 표정이 밝았다. 그 모습을 보고 지난 한 달 동안 후회가 남지 않도록 열심히 했는지, 이대로라면 나도 수료식 때 밝은 표정으로 마무리를 할 수 있을지 생각하게 되었다. 다음 주면 빈 방에는 34기가 들어오게 되면서 33기는 기대되는 1차 프로젝트를 진행하게 된다. 백엔드와의 통신 📡 Foundation-2 기간 동안 useEffect, Mock data 등의 개념을 익혔고, 이를 토대로 본인의..
[CodeKata] getMaxArea 함수 구현하기
[CodeKata] getMaxArea 함수 구현하기
2022.05.22문제 인자인 height는 숫자로 이루어진 배열이다. 그래프로 생각한다면 y축의 값이고, 높이 값을 가지고 있다. 아래의 그래프라면 height 배열은 [1, 8, 6, 2, 5, 4, 8, 3, 7]이다. 저 그래프에 물을 담는다고 생각하고, 물을 담을 수 있는 가장 넓은 면적의 값을 반환하라. 풀이 function getMaxArea(height) { let size = 0; for(let i=0; i
[CodeKata] topK 함수 구현하기
[CodeKata] topK 함수 구현하기
2022.05.21문제 nums는 숫자로 이루어진 배열이다. 가장 자주 등장한 숫자를 k갯수만큼 return해 주세요. ex. nums = [1, 1, 1, 2, 2, 3]; k = 2; // return : [1, 2] nums = [1]; k = 1; // return [1] 풀이 function topK(nums, k) { let obj = {}; nums.map(num => { if(obj[num]){ obj[num] = obj[num]+1 } else { obj[num] = 1 } }) let objSort = Object.keys(obj).sort((a,b) => {return obj[b]-obj[a]}); return objSort.slice(0, k).map(e => Number(e)); } 객체 만들기 o..
[CodeKata] isValid 함수 구현하기
[CodeKata] isValid 함수 구현하기
2022.05.19문제 isValid는 여러 괄호들로 이루어진 String 인자를 받는다. 인자가 유효한 표현인지 아닌지 true/false로 반환해주세요. 종류는 (, ), [, ], {, }으로 6개 있다. 한 번 괄호를 시작했으면, 같은 괄호로 끝나야 하며 괄호 순서가 맞아야 한다. () → true ()[]{} → true (] → false ([)] → false {[]} → true 풀이 function isValid(s) { if(s.length % 2) { return false; } // 홀수는 무조건 false const bracket = { "(": ")", "{": "}", "[": "]" } const ref = []; for(let i=0; i
[CodeKata] moreThanHalf 함수 구현하기
[CodeKata] moreThanHalf 함수 구현하기
2022.05.17문제 숫자로 이루어진 배열인 nums를 인자로 전달한다. 숫자중에서 과반수가 넘은 숫자를 반환해주세요. nums 배열의 길이는 무조건 2개 이상으로 가정한다. ex. nums = [3, 2, 3] => return 3 nums = [2, 2, 1, 1, 1, 2, 2] => return 2 function moreThanHalf(nums) { const result = {}; nums.map(item => { if(result[item]) { return result[item] = result[item] + 1; } else { return result[item] = 1; } }) for(let i in result) { if(result[i] > (nums.length/2)) { return Numbe..
[CodeKata] romanToNum 함수 구현하기
[CodeKata] romanToNum 함수 구현하기
2022.05.16문제 로마자에서 숫자로 바꾸기 1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환한다. 로마 숫자를 표기하면 아래와 같다. Symbol Value I 1 V 5 X 10 L 50 C 100 D 500 M 1000 로마 숫자를 읽는 방법은 로마자를 왼쪽부터 차례로 더하면 된다. III=3, XII=12, XXVII=27 그런데 4를 표현할 때는 IIII가 아닌, IV로 뒤의 숫자에서 앞의 숫자를 뺀다. 9의 경우는 IX로 표현한다. IV=4, IX=9, XL=40, XC=90, CD=400, CM=900 const roman = { 'I': 1, 'V': 5, 'X': 10, 'L': 50, 'C': 100, 'D': 500, 'M': 1000 } const romanToNum = (r..
위코드 3주차 회고 - React
위코드 3주차 회고 - React
2022.05.15📝 React, Sass를 배우며 정신없이 하루를 보내다 보니 어느덧 3주 차가 지나고 있다. 3주 차에서는 기존에 만들었던 인스타그램 클론코딩을 토대로 React로 바꾸는 작업을 했다. 새로운 개념 JSX, component, props, state, router 등을 익히고 곧바로 적용하는 식으로 React를 익혀가고 있다. 또한 적용하면서 CSS가 제대로 적용되지 않는 상황을 마주하게 되었고, 어떻게 해야 할지 고민하고 있을 때 Sass라는 개념을 배우게 되었다. 3주 차에서는 '나에게만 주어지는 시간 하루 이틀만 더 있으면 좋겠다.'라는 생각이 머릿속을 떠나지 않았다. 아직도 익혀야 할 개념과 기술들이 한참 남은 지금, 나만의 시간이 조금만 더 있다면 얻을 수 있는 게 더 많을 텐데 라는 상상을 ..