let's get IT with DAVINA 💻

❓ 문제 설명 첫 번째 분수의 분자와 분모를 뜻하는 numer1, denom1, 두 번째 분수의 분자와 분모를 뜻하는 numer2, denom2가 매개변수로 주어집니다. 두 분수를 더한 값을 기약 분수로 나타냈을 때 분자와 분모를 순서대로 담은 배열을 return 하도록 solution 함수를 완성해보세요. 🚫 제한 사항 0 0) { R = a % b; //나머지 a = b; b = R; } return b; }​

비니's 삽질 일지 Local에서 작업하던 project를 Remote Github에 연결하고 싶을 때, 아래와 같이 SSH주소로 연결을 했더니 git push가 계속해서 실패했다.. git remote add origin git@github.com:davina708/todo-vin.git git branch -M main git push -u origin main ⭐️ 해결 방법 git remote remove origin git@github.com:davina708/todo-vin.git //연결 된 remote 제거 git remote add origin https://github.com/davina708/todo-vin.git //깃헙 https의 주소 입력 git remote -v // remo..

1. Local에 있는 project를 원격에 올리자 New Repo 생성해주고 local에서 remote환경으로 push해주기 git remote add origin https://github.com/davina708/todo-vin.git git branch -M main git push -u origin main 2. React 프로젝트에 gh-pages 설치하기 Github Pages는 React 프로젝트를 쉽게 배포할 수 있도록 gh-pages 라이브러리를 제공한다. npm install gh-pages --save-dev 3. package.json 설정하기 "homepage": "https://깃허브ID.github.io/레포지토리이름/", "scripts": { "start": "react..

1. TypeScript 적용 (1) 새로운 프로젝트를 TypeScript로 생성하기 npx create-react-app 프로젝트이름 --template typescript (2) 기존 React에 TypeScript 적용하기 #npm npm install typescript @types/node @types/react @types/react-dom @types/jest #yarn yarn add typescript @types/node @types/react @types/react-dom @types/jest 2. TypeScript 설정 tsc 명령어를 사용하여 tsconfig.json을 생성한다. tsc --init 원하는 옵션을 추가하여 tsconfig.json 을 설정한다. { "compile..

1. 먼저, 해당 글을 누르면 ⊕버튼 눌렀을 때 뜨는 창이 나오게 해야겠지?! TodoItem.js 특정 글을 누르니까 여기서({text}있는 부분=글을 눌렀을때) onClick함수 추가해줘! import React from "react"; import { MdCheckBox, MdCheckBoxOutlineBlank } from "react-icons/md"; import "./TodoItem.css"; const TodoItem = ({ todo, onCheckToggle, onInsertToggle, onChangeSelectedTodo, }) => { const { id, text, checked } = todo; return ( {checked ? ( { onCheckToggle(id); }} ..

CSS 작업 후, CRUD의 첫번 째 기능인 Create 기능 구현에 들어갔다. ⊕ 버튼을 눌러 사용자가 입력한 항목을 추가하는 기능! TodoInsert.js 배경을 담당해주는 background div와 form을 하나 넣어주기 (사용자가 입력하는 input + 제출하는 button 요소) 이걸 사용자가 ⊕버튼을 누를때만 모달을 띄우고 싶잖아요? App.js import React, { useState } from "react"; import { MdAddCircle } from "react-icons/md"; import "./App.css"; import Template from "./components/Template"; import TodoInsert from "./components/Tod..

부트캠프가 끝나고 많은 사람들이 더 심화되고, 새로운 언어 기반으로, 더 어려운 수준의 추가 프로젝트를 진행하고 있는 듯 하여 대단해보인다.. 물론 코딩이란걸 처음 시작했을 때 "나"보다는 현재의 "내"가 더 발전해있는 모습이고, 불안해하지 말자고 매일 다짐하지만 난 내가 기본기가 여전히 많이 부족하구나를 계속 깨달으며 많이 좌절하는 요즘인것같다.. 그 어떤 프로그래밍 언어를 쓰건 하나의 홈페이지를 만들 때, CRUD를 정말 완벽하게 손쉽게 구현할 수 있는가를 스스로에게 물어본다면 너무나도 당연히 NO였다.. 그래서 난 더 어렵기보단 기본기를 다시 한 번 닦고자 프로젝트 전 부트캠프에서 과제로 줬던 (난 실패했던) Todo App을 다시 한번 만들어보고자 시작했다. 1. React Component 만들..

Module → 코드를 그 파일 내부에서만 한정할 수 있도록 "모듈화" 하는 것! → 모듈화를 하지 않으면 기본적으로 모든 파일에서 코드를 공유해버릴 수 있다. (이름 선언 충돌이 일어날 수 있겠찌?!?!) 브라우저 환경에서는 window에, node 환경에서는 global에 저장되어버리기 때문! //index.html //모듈화하기 //module1.js //export default는 한파일에서 하나만 가능! export default function add(a,b){ return a+b; } //그냥 export export function print() { console.log("print"); } //module2.js import add from "./module1.js" import {pri..