전체 글
-
[매일코딩-프로그래머스] 모의고사 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. 누군가 모든 문제를 맞췄다면 ..
-
[수다] 회사에서 문제들이 비처럼 내려와일상 2021. 11. 24. 15:36
기분이 꿀꿀하니까 노래를 들어보자 지금 회사에는 여러가지 문제가 있다 (개발팀 한정) 1. 백엔드 담당자가 없다. 따라서 서버를 구축하고 구동하고 API를 설정하고 DB를 손볼 수 있는 사람이 없다. 2. 개발팀 팀장이 없다. 따라서 내가 2개월차 사원이자.. 3. PM의 기획을 개발팀이 도와줘야 한다. 따라서 내가 XD로 와이어프레임을 받아 플로우차트를 짜서 기능명세를 열심히 만들어 외주에게 드린다. 4. 카페24를 쓴다. 따라서 카페24 레거시 코드들이 많은데 기본 CSS도 많고, 없으면 안돌아가는 모듈도 한가득에다가 우리 디자인을 입히기 위한 EC2 안에 있는 스크립트와 CSS들까지 불러오고 있다. 고로 로딩 하는 파일 중 사용하지 않는 코드도 많다. 다른 팀원들이 우리 사이트는 왜 이렇게 느릴까요..
-
[매일코딩-프로그래머스] 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는 주어지는 변수 ..