WEB Dev(161)
-
[매일코딩-프로그래머스] 문자열을 정수로 바꾸기 01
재택한다고 한동안 알고리즘 공부를 소홀히 하여따... 15분만 집중해서 공부해보자 [문제] 문자열을 정수로 바꾸기 문자열 s가 주어진다. s는 1 이상 5 이하의 길이를 가지고 있고, s의 맨 앞에는 음, 양 부호가 표시될 수 있다. 따라서 s는 부호와 숫자로 이루어져 있고 s는 0으로 시작하지 않는다. 이 s라는 문자열을 숫자로 변환하라 [풀이] 언뜻 보면 되게 쉬워보인다. 글자를 숫자로 반환하는 메소드는 parseInt 인데 부호가 그대로 들어가는지는 모르겠지만 한 번 적용해본다. 우선 s의 길이 조건문을 만들어주고 parseInt로 숫자가 변환되도록 하였다. function solution(s) { var answer = 0; if(1
2022.01.26 -
[ToyProject-Todomate] 투두메이트 클론 프로젝트 31
🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 HTML 삽입 미리보기할 수 없는 소스 벌써 31번째 글이다. 그동안 텀이 좀 있었는데 회의를 통해 백엔드 팀원분들과 소통하고 있었고, MUI의 캘린더 컴포넌트인 DatePicker를 가지고 투두메이트의 캘린더처럼 구현하는 시간이 꽤나 소요되었다. 캘린더 만드는 것은 이 코드를 거의 대부분 참조했다. renderDay 함수를 이용해서 각 날짜의 한 칸 한 칸을 새로 렌더링 해 주는 방법이다. 클래스를 붙여 스타일을 주는 것으로 대부분 해결했다. Customize Material-UI Datepicker Wit..
2022.01.24 -
[React] MUI Datepicker로 달력 구현 시 한글로 변환
MUI Datepicker language 설정 바꾸는 방법 (한글화) MUI는 Date-fns 에 의존하고 있는데 여기에서 제공하는 지역 설정을 적용하면 된다. Date-fns 설치는 아래 명령어를 사용한다. yarn add date-fns npm i date-fns 그리고 아래 패키지를 import 해주고 import DateFnsUtils from "@date-io/date-fns"; // or import AdapterDateFns from "@mui/lab/AdapterDateFns"; import { ko } from "date-fns/locale"; return 되는 부분에 locale props를 전달해주면 된다. 영어가 디폴트이고 locale={ko}는 한국어다. 나머지 언어는 공식 문서..
2022.01.22 -
[React] 카카오 계정 로그인 연결하기 테스트
투두메이트 클론 토이프로젝트를 진행하고 있는데 로그인으로 SNS 로그인 붙여보자고 주장한 사람 나야나... 우선 카페24가 제공하는 카카오 로그인이 너무 쉬워서 뚝딱 할 줄 알았는데 자체적으로 프론트 개발하고 서버 개발하고 데이터베이스 연결하는 것은 또 다른 문제였다. 실제 우리 서비스에 붙여보기 전에 테스트 해보려고 한다. 연결 내용은 아래 블로그를 참조하여 연습한 내용이고, 기본 앱은 내가 만들어 둔 앱을 사용한다. React.js 카카오 로그인, 사용자 프로필 가져오기 - Vlee's Tale 개요 이번 포스트에서는 React에서 카카오의 REST API와 Javascript SDK를 이용해 카카오 로그인을 구현해보겠습니다. 동작 순서는 다음과 같습니다. 카카오 로그인 링크 클릭 -> 인가 코드 발..
2022.01.19 -
[Github] git@github.com: Permission denied (publickey) 오류
리액트로 테스트해볼 일이 있어 예전에 만든 리액트 앱을 git pull 하려고 했더니 떴던 오류다. 몇 달 전 작업해서 깃헙 호스팅으로 배포까지 마쳤는데 노트북을 교체하면서 하드에 있던 소스코드 폴더를 그대로 백업해서 가지고 있었고 이 폴더를 열어서 git pull 부터 시작해서 수정하려고 하니 오류가 났다. 이전 노트북에선 ssh 로 깃헙 remote를 했었는데, ssh 때문에 퍼미션 오류가 하도 많이 나서 노트북 바꾸면 안해야지... 했는데... 혼자 작업하는 레포지토리들을 궅이 ssh 로 권한 체크해가면서 할 필요 있나 싶었던 것 🤗 ssh Permission denied 해결하기 (Window version) 1. 터미널(명령 프롬프트) 열기 우선 ssh 를 생성해줘야 한다. root 폴더로 가야..
2022.01.18 -
[ToyProject-Todomate] 투두메이트 클론 프로젝트 30
🔷 CloneTodo ☑ - Todomate Clone Project | Team CloneMate CloneTodo : 많은 사람들이 사랑하는 투두메이트를 클론하여 웹 서비스를 배포해보는 프로젝트 editGoal 함수를 만들어 보자 editGoal은 인자로 editGoalItem.item을 받아온다. 즉, 수정을 위해 선택된 title의 id와 수정된 title을 인자로 넘겨받는다. 그래서 editGoal 함수를 만들고 e를 찍어보면 다음과 같이 나온다. //목표 수정 함수 function editGoal(e){ console.log('e : ', e) } 현재 goal state의 id값과 넘어온 e의 id 값이 같은 것의 인덱스 번호를 찾아야 하기 때문에 findIndex 메소드를 이용해 인덱스를 ..
2022.01.16