chez Manon

Git flow 🔻 main과 개인 브랜치 사이에 중간 브랜치를 생성한다. ? 아직 확인이 제대로 되지않은 feature branch를 세상밖에 바로 내보낼 수 없기 때문에, 개발자들끼리 merge하여 기능을 테스트하고 확인하는 branch를 생성한다. ✔️ main > develop > feature main branch : main은 실제로 상품 단계에서 구동되고 있는 단계의 코드들이 모여있다. (production release에 사용되는 branch) develop branch : 다음 release에 포함되기 위해 생성된 feature branch 코드가 병합되는 브랜치이다. feature brnach : 새로 생성하는 기능을 개발할 때 사용되는 브랜치이다. ✔️ main으로 병합하기전에 크게..

Wecode bootcamp의 마지막 과정인 인턴쉽을 2021.11.15 ~ 2021.12.09 4주간 진행하였다. 프로젝트 담당업무 : 웹페이지의 로그인, 회원가입 페이지를 React, scss를 사용하여 새로 구축하였다. Signup page 기존 : tabler react 라이브러리를 사용하여 기본적인 UI만 존재. (기능x) (backend는 Strapi + AWS EC 서버) 개선 수정이 힘든 library로 기존 form이 구성되어있어서 향후에도 쉽게 수정할 수 있도록, react scss로 새로운 UI 구축. 기존 login page에서 formik를 사용하여서, signup page에서도 동일한 formik library를 활용하여 form을 구성. yup을 사용하여 유효성검사. 기존 회원..

공부는 누구나 하는 것이고, 중요한 것은 공부의 방향이다. 프로그래밍의 본질에 가까운 지식은 수명이 오래가고, 파편적인 지식일 수록 수명이 짧다. 본질을 추구하며 epiphany 에피파니 ( 어떤 문제나 현상을 더욱 새롭고 깊은 관점에서 이해했을 때의 계몽적인 깨달음을 경험 ) 를 경험하는 것이 필요하다. 중요한것을 구별하는 혜안이 생기기 때문이다. "개발자가 공부하는 것은 본질적인 능력을 키우는 것을 의미한다. 프로그래밍의 본질은 문제의 해결이다. 트렌드를 쫓는 것은 파편적인 지식을 획득하는 것에 불과하기 때문에 큰 의미가 없다. 수만가지 기술과 도구가 날마다 쏟아지지만, 파편적인 지식은 파편적인 태도만으로 충분하다. 트렌드에 필요한 것은 가벼운 눈팅이지 공부가 아니다. 공부는 본질에 다가서려는 노력이..

🤷🏻‍♀️ Plug-in ? > wiki In computing, a plug-in (or plugin, add-in, addin, add-on, or addon) is a software component that adds a specific feature to an existing computer program. When a program supports plug-ins, it enables customization. > html plugin이란 웹 브라우저의 표준 기능을 확장해 주는 프로그램을 의미한다. 쉽게 말하자면 콘센트에 플러그를 꼽는 것처럼 본체 프로그램에 없던 기능을 더해 넣는 (add-in) 컴퓨터 프로그램이다. ( = 기본 소프트웨어를 지원해서 특수한 기능을 확장할 수 있도록 설계된 부..

https://github.com/manonkim/fullstack2-2nd-ADLIP-frontend GitHub - manonkim/fullstack2-2nd-ADLIP-frontend Contribute to manonkim/fullstack2-2nd-ADLIP-frontend development by creating an account on GitHub. github.com WECODE 2차 Team project Activity platform 'FRIP' site를 모티브로하여 2주간(10.25 ~ 11.05) 'Adlip' 사이트를 제작. Front-end 5명 / Back-end 2명 프로젝트 담당업무 : 사이트의 상품페이지 프론트엔드 담당 React hooks, styled compon..

문자열 s에는 공백으로 구분된 숫자들이 저장되어 있습니다. str에 나타나는 숫자 중 최소값과 최대값을 찾아 이를 "(최소값) (최대값)"형태의 문자열을 반환하는 함수, solution을 완성하세요. 예를들어 s가 "1 2 3 4"라면 "1 4"를 리턴하고, "-1 -2 -3 -4"라면 "-4 -1"을 리턴하면 됩니다.제한 조건 s에는 둘 이상의 정수가 공백으로 구분되어 있습니다. 입출력 예 sreturn "1 2 3 4" "1 4" "-1 -2 -3 -4" "-4 -1" "-1 -1" "-1 -1" function solution(s) { let arr = s.split(' '); return `${Math.min(...arr)} ${Math.max(...arr)}` }

문제 설명 JadenCase란 모든 단어의 첫 문자가 대문자이고, 그 외의 알파벳은 소문자인 문자열입니다. 문자열 s가 주어졌을 때, s를 JadenCase로 바꾼 문자열을 리턴하는 함수, solution을 완성해주세요. 제한 조건 s는 길이 1 이상인 문자열입니다. s는 알파벳과 공백문자(" ")로 이루어져 있습니다. 첫 문자가 영문이 아닐때에는 이어지는 영문은 소문자로 씁니다. ( 첫번째 입출력 예 참고 ) 입출력 예sreturn "3people unFollowed me" "3people Unfollowed Me" "for the last week" "For The Last Week" function solution(ss) { return ss.toLowerCase().split(' ') .map(e..

문제 설명 피보나치 수는 F(0) = 0, F(1) = 1일 때, 1 이상의 n에 대하여 F(n) = F(n-1) + F(n-2) 가 적용되는 수 입니다. 예를들어 F(2) = F(0) + F(1) = 0 + 1 = 1 F(3) = F(1) + F(2) = 1 + 1 = 2 F(4) = F(2) + F(3) = 1 + 2 = 3 F(5) = F(3) + F(4) = 2 + 3 = 5 와 같이 이어집니다. 2 이상의 n이 입력되었을 때, n번째 피보나치 수를 1234567으로 나눈 나머지를 리턴하는 함수, solution을 완성해 주세요. 제한 사항 n은 2 이상 100,000 이하인 자연수입니다. 입출력 예nreturn 3 2 5 5 입출력 예 설명 피보나치수는 0번째부터 0, 1, 1, 2, 3, 5,..

Install npm install -g typescript 에러발생 1. node 최신버전 설치 2. 보안에러 sudo npm install -g typescript Setting 1. filename.ts 파일생성 2. js파일로 compile tsc filename.ts 컴파일 이후 자동으로 변경사항 발생시 컴파일되게 하려면 watch mode 실행 tsc -w 3. html 파일 등에서 ts 작성코드 사용하려면 tsconfig.json compile 세부 설정 : tsconfig.json 파일 생성 tsc --init { "compilerOptions": { "target": "es5", "module": "commonjs" } } target : ts파일을 어떤 버전의 js로 바꿀지 지정 mod..

문제 설명 길이가 같은 배열 A, B 두개가 있습니다. 각 배열은 자연수로 이루어져 있습니다. 배열 A, B에서 각각 한 개의 숫자를 뽑아 두 수를 곱합니다. 이러한 과정을 배열의 길이만큼 반복하며, 두 수를 곱한 값을 누적하여 더합니다. 이때 최종적으로 누적된 값이 최소가 되도록 만드는 것이 목표입니다. (단, 각 배열에서 k번째 숫자를 뽑았다면 다음에 k번째 숫자는 다시 뽑을 수 없습니다.) 예를 들어 A = [1, 4, 2] , B = [5, 4, 4] 라면 A에서 첫번째 숫자인 1, B에서 첫번째 숫자인 5를 뽑아 곱하여 더합니다. (누적된 값 : 0 + 5(1x5) = 5) A에서 두번째 숫자인 4, B에서 세번째 숫자인 4를 뽑아 곱하여 더합니다. (누적된 값 : 5 + 16(4x4) = 21..