나의 개발일지

분명 배웠던 건데 잊고 있던 연산자를 사용하게 되어 정리를 해보겠다 ! : 입력값을 불리언으로 변환하는데, true이면 false로, false이먄 true로 값을 반대로 반환한다. !! : 불리언 타입으로 명시적으로 형 변환한다 !true // false !!true // true !false // true !!false // false !{} // false !!{} // true ![] // false !![] // true !null // true !!null // false !'text' // false !!'text' // true

✔️ 문제함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다.  ✔️ 제한사항n은 1이상 8000000000 이하인 자연수입니다.  ✔️ 입출력 예 n return118372873211  💡나의 풀이function solution(n) { var answer = []; const str = String(n); const arr = str.split(""); answer = Number(arr.sort().reverse().join("")); return answer;}  💡다른 사람 풀이 중 알게된 것answer = arr.sort().reverse()..

todos.js import uuid from "react-uuid"; const initialState = [ { id: uuid(), title: "리액트", content: "이해하기", isDone: false, }, { id: uuid(), title: "리덕스", content: "사용하기", isDone: false, }, { id: uuid(), title: "열심히", content: "공부하기", isDone: true, }, ]; // action items const ADD_TODO = "ADD_TODO"; const DELETE_TODO = "DELETE_TODO"; const SWITCH_TODO = "SWITCH_TODO"; // action creator // action은 ..

🔥 React 숙련주차 팀프로젝트 과제 🔥 로그인, 회원 가입 Authentication 에서 제공하는 api를 이용하여 아래 회원 가입, 로그인을 구현해보기 아이디(이메일), 패스워드 소셜 로그인 (구글, 깃헙) CRUD Firestore 에서 제공하는 api를 이용하여 CRUD 데이터베이스 핸들링 구현 CUD(등록, 수정, 삭제)가 일어날 때 마다 R(조회)해서 자연스럽게 화면 변경 마이 페이지 내 게시물 보기 Authentication 에서 제공하는 uid 를 이용해서 내 게시물들이 모일 수 있게 해보기 프로필 수정 기능 Storage 에서 제공하는 api를 이용하여 이미지 업로드와 다운로드 url 을 받아서 이미지 핸들링 배포하기 Vercel 이라는 호스팅플랫폼을 이용해 배..

1 . ⛔ 이번 과제에서는 yarn 말고 npm을 쓰게 되었다 알려주신대로 npm install 했더니 에러가 발생되었다. 검색했더니 최신 버전이 아니라서 그렇다고 해서 다시 깔아보고 또 안돼서 껐다 켜보아도 해결되지 않았다 💡 해결 다시 에러메세지를 읽어보는데 폴더가 없다고?... 다시 보니 내가 만든 폴더에서 상위 폴더에서 열어서 그렇다 ㅠㅠ 다시 폴더 열고 install 했더니 에러가 해결되었다 your local changes to the following files would be overwritten by checkout.. Please commit your changes or stash them before you switch branches. 2. ⛔ git pull를 하려고 하니 또 다시..

✔️ 문제 자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴해주세요. 예를들어 n이 12345이면 [5,4,3,2,1]을 리턴합니다. ✔️ 제한사항 n은 10,000,000,000이하인 자연수입니다. ✔️ 입출력 예 n return 12345 [5,4,3,2,1] 💡나의 풀이 fufunction solution(n) { const str = n.toString(); const newArr = str.split("").reverse().map(Number); return newArr; } 💡 문제 풀기에 실패했던 이유 : map(Number) --> 문자열로 바꾼 값을 다시 숫자로 바꿔주지 않았다 💡 새로 알게된 메서드 : reverse() 배열을 거꾸로 뒤집어 준다! 하지만 원본 배열이..

과제 해설 영상 보면서 따라하는데 계속 오류가 떴다 십분 넘게 찾는데 아예 못 찾겠어서 튜터님이랑 함께 찾아봤다 map 함수 쓰기 전에는 오류가 나질 않았으니 이 부분이 분명 오류가 있었던 것이다 props의 문제일까 싶어서 다 콘솔로 찍어봤는데 들어와있어야 할 곳에 undefined라고 찍혔다 드디어 발견 .. 미친거니? 심지어 return 안함 ...... 수정 했더니 오류 해결 완료 넘 급한 마음에 잘 안 보였던 걸까...ㅠㅠ 실수를 줄이자!

✔️ 문제 정수를 담고 있는 배열 arr의 평균값을 return하는 함수, solution을 완성해보세요 ✔️ 제한사항 arr은 길이 1 이상, 100 이하인 배열입니다. arr의 원소는 -10,000 이상 10,000 이하인 정수입니다. ✔️ 입출력 예 arr return [1,2,3,4] 2.5 [5,5] 5 💡나의 풀이 function solution(numbers) { let sum = 0; for (let i = 0; i < numbers.length; i++) { sum += numbers[i]; } let answer = sum / numbers.length; return answer; } 💡다른 사람의 풀이 function solution(numbers) { return numbers.re..

Redux가 필요한 이유 useState의 불편함 - 반드시 부모-자식 관계가 형성돼있어야 한다 - 조부모에서 손자 컴포넌트로 보낼 시 반드시 부모 컴포넌트를 거쳐야 한다 - 자식--> 부모로 보낼 수 없다 하지만 redux를 쓰게 된다면 중앙 state 관리소에서 생성된 Global state에서 불러와서 사용할 수 있다! 어느 특정 컴포넌트에 종속되어 있지 않다 유지보수성이 좋아진다. 리덕스 패키지 설치 git bash에 yarn add redux react-redux 입력 후 설치 --> package.json 에서 확인 --> 폴더 생성 counter.js // 초기 상태값(state) // const [number, setNumber] = useState(0) const initialState ..

✔️ 문제 각에서 0도 초과 90도 미만은 예각, 90도는 직각, 90도 초과 180도 미만은 둔각 180도는 평각으로 분류합니다. 각 angle이 매개변수로 주어질 때 예각일 때 1, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하도록 solution 함수를 완성해주세요. ✔️ 제한사항 예각 : 0 90) { return 3; } else if (angle === 180) { return 4; } } 💡다른 사람의 풀이 function solution(angle) { return angle < 90 ? 1 : angle === 90 ? 2 : angle < 180 ? 3 : 4; }