WEB Dev
-
[매일코딩-프로그래머스] 모의고사 04WEB Dev/CordingTEST 2021. 11. 30. 10:58
오늘 아침은 비가 와서 이제 출근했다..😣 function solution(answers) { var check = []; var check2 = []; var check3 = []; var student = { 1: [1, 2, 3, 4, 5, 1, 2, 3, 4, 5], 2: [2, 1, 2, 3, 2, 4, 2, 5, 2, 1], 3: [3, 3, 1, 1, 2, 2, 4, 4, 5, 5], }; answers.map((a, i)=>{ check.push(a == Object.values(student)[0][i]); return check; }) answers.map((a, i)=>{ check2.push(a == Object.values(student)[1][i]); return check2; ..
-
[매일코딩-프로그래머스] 모의고사 03WEB Dev/CordingTEST 2021. 11. 29. 10:42
출근하면서 이 문제를 잠깐 생각했는데, 배열의 인덱스마다 비교해야 하니까 인덱스별로 비교할 수 있는 배열 메소드를 찾아보기로 했다. 배열의 내장 메소드들 https://opentutorials.org/module/3989/26231 배열 객체 메소드 - JavaScript 배열 객체 메소드 2019-08-01 18:35:54 배열 객체 메소드 Array 객체가 갖고 있는 메소드들에 대해 알아봅니다. 함수들을 이용하여 배열을 효과적으로 사용할 수 있습니다. 함수의 종류가 많고, 활용 opentutorials.org 일단 인덱스를 사용해서 쓸 수 있는 여러가지 메소드 들 중에 forEach나 map을 쓰는게 가장 적절한 것 같았다. forEach보다 map을 더 많이 쓰고 권장하기때문에 map()함수로 만들..
-
[ToyProject-Todomate] 투두메이트 클론 프로젝트 프론트엔드 회의 01WEB Dev/ToyProject 2021. 11. 28. 21:49
🔷 Todomate ☑ - Clone Project 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 🔸 프론트엔드 개발 사항 ◾ 개발 언어 : 리액트ReactJS, 자바스크립트Javascript, 노드Node.js16.13.0 ◾ 호스팅 : 깃허브 ◾ 도메인 : ◾ 프론트엔드 협업툴 : 지라Jira ◾ 버전관리툴 : GitHub ◾ 개발 환경 : npm, CRA (Create-React-App) ◾ UI 라이브러리 : MUI ◾ 캘린더 라이브러리(택1) : ToastUI-Calendar ◾ 알람 라이브러리 : Firebase Cloud Messaging API ◾ 입력유효성관리 라이브러리 : React Hook Form ◾ 상태관리 라이브러리 : Recoil 🔸 이후 일정 ◾..
-
[React] 상태관리 라이브러리 RecoilJSWEB Dev/Javascript | REACT | Node.js 2021. 11. 28. 16:25
🔷 상태관리 라이브러리 Recoil A state management library for React 투두메이트 클론 프로젝트를 진행하면서 상태관리 라이브러리에 대해서도 공부하게 되었다. 리액트 개발자라면 누구나 필수로 사용해야 한다는 상태관리 라이브러리들 중에서 가장 유명한건 역시 Redux지만 Redux가 큰 규모의 애플리케이션에 적용하기 좋은 라이브러리이고 그렇기 때문에 무겁다는 평이 있어서 작은 프로젝트인 우리 프로젝트에서는 Recoil을 쓰는 것을 추천해주셨다. 리액트를 만든 페이스북팀이 만든 상태관리 라이브러리기 때문에 앞으로의 대세가 될 가능성이 있다. 아직 리코일에 대한 글이 많이 없어서 유튜브와 블로그를 참고해서 상태관리에 대한 정의와 Recoil 사용법을 간단하게 정리해보고자 한다. 상..
-
[매일코딩-프로그래머스] 모의고사 02WEB Dev/CordingTEST 2021. 11. 26. 10:46
.filter() 메소드와 includes() 메소드 사용 해서 문제를 풀어보려고 한다. 우선 정답이 들은 배열은 answers다. 그리고 각각의 학생들은 1, 2, 3이 되고 학생마다 답안이 다르니 객체에 key와 value로 담는다. 각각의 value를 answer과 비교해 순서대로 key를 answer 배열에담고 오름차순으로 정렬한다. var student = { 1: [1, 2, 3, 4, 5], 2: [2, 1, 2, 3, 2, 4, 2, 5], 3: [3, 3, 1, 1, 2, 2, 4, 4, 5, 5] }; answers가 더 큰 범위이니 객체[idx].filter(num=>answers.includes(num)) 를 출력해보자. 우선 반복문을 돌려야 할 것 같으니 객체의 key 값 숫자를 ..
-
[ToyProject-Todomate] 투두메이트 클론 프로젝트 02WEB Dev/ToyProject 2021. 11. 25. 14:00
🔷 Todomate ☑ - Clone Project 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 🔸 프론트엔드 개발 사항 - 회의하기 전에 알아본 것들 확정하기 ◾ 개발 언어 :리액트React, 자바스크립트Javascript (HTML, CSS(SCSS), REACT, JAVASCRIPT 등) ◾ 호스팅 : 깃허브 (AWS 써봐도 될거같은데.. 리눅스 이용해서 노드로 서버열고 호스팅하는거같은데 깃헙은 그냥 버튼만 누르면 끝나요) ◾ 도메인 : 가비아에서 하나 살까요? - 이건 나중에 백엔드분들이랑 정해요. ◾ 협업툴(택1) : 지라Jira,노션Notion, 트렐로Trello 혹은 깃헙 무엇을 써보고 싶으셔도 좋아요. ◾ 버전관리툴 : GitHub (레포지토리 만들어서 백엔..
-
[AWS] 회사 서버가 자꾸 다운됩니다! (AWS EC2 서버 재부팅하기, CPU사용 알람 설정하기)WEB Dev/AWS 2021. 11. 25. 11:46
이게 무슨일이람 어제부터 EC2 서버에 있는 파일 CSS 수정 중에 AWS EC2 서버가 나가버리는 현상이 반복되고 있다. 전임자가 적어놓은 파일에도 '서버가 자꾸 죽어서' 라는 글이 있었는데, 그동안은 계속 겪어보지 못해서 전혀 몰랐다. 그리서 서버는 문외한이라 너무 무섭고 떨렸다. 서버가 죽는다는건 트윗으로만 봐가지고.. 실제로 회사 페이지들이 다운되어 504 Error를 뿜고 있었다. 우선 서버가 다운되면 가장 먼저 해야할 일은 EC2 콘솔에서 서버를 끄고 재부팅 하는 것이다. 사실 이 서버라는게 실제 물리적으로 앞에 놓인 컴퓨터 본체가 아니고 가상 서버다 보니까 뭘 조작하는게 너무 무서웠다. 노트북 전원은 강제종료 잘 하면서 그래. 1. 가상 서버를 강제종료 하자! AWS EC2는 아마존 웹 서비..
-
[매일코딩-프로그래머스] 모의고사 01WEB Dev/CordingTEST 2021. 11. 25. 10:18
다른 문제로 넘어가기로 했다. 수포자가 문제를 찍는 방식을 문제로 내다니 너무하다 이과놈들아. 우선 사람 세 명이 있고, 문제는 최대 10,000문제까지 있다. 문제의 정답은 1부터 5까지이고 세 사람의 정답 적는 방식은 각각 다르다. 1번 : 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번 : 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 3번 : 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ... 조건이 있다. 1. 모두 문제를 한 문제라도 맞춘 경우, 세 사람 중 가장 많은 문제를 맞춘 사람부터 가장 적게 맞춘 사람 순서로 배열에 넣는다. 2. 누군가 모든 문제를 맞췄다면 ..
-
[매일코딩-프로그래머스] 2016년 03WEB Dev/CordingTEST 2021. 11. 24. 10:41
손코딩은 시간이 모자라서 제대로 못해봤는데, 이 분이 문제에 있는 '함수, solution' 을 무시하고 다른 함수 이름을 넣어서 테스트가 안된 것 같다. 마지막 함수를 최종 실행되는 함수인 ResultFuc를 solution으로 바꾸고, 인자로 아무것도 들어가지 않고 있어서 a, b 인자를 넣어주었다. month=a, day=b도 불필요해 보여서 a, b로 수정했다. 위의 getDayName 함수는 전달한 a, b를 month, day라는 변수 이름으로 잘 받고 있어서 별도로 a,b로 바꾸지 않아도 된다. 바꾸면 여러모로 좋지 않을까 성능이라던지? 수정한 최종 코드는 이것이다. const getDayName = (month,day) => { //month는 주어지는 변수 a 고 day는 주어지는 변수 ..
-
[매일코딩-프로그래머스] 2016년 02WEB Dev/CordingTEST 2021. 11. 23. 10:32
오늘 다시 도전 객체로 만들라다가 그건 아닌거 같은데 이걸 어떤 조건을 줘야 하지? 내 머리로는 도저히 안되어서 이미 한 번 푼 김에 다른 사람들이 질문에 올려둔 코드를 분석해서 내 식으로 정리해보려고 한다. 물론 질문에 올려진거라 해결된 건 아니라서 오히려 좋아. Mun**님의 코드 const a = 5; const b = 24; const getDayName = (month,day) => { const month_31 = [5,7,8,10,12]; const month_30 = [4,6,9,11]; const day_all = [31,29,31,30,31,30,31,31,30,31,30,31]; let day_plus = null; const sum = (month, day_plus, day_all)..