일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- next/link
- JavaScript
- 식별자란
- 원티트 프리온보딩인턴십 1주차
- react
- 회고록
- input error
- 향해99
- 광고지구
- JS
- NVM
- toast err
- Mac OS NVM
- CPU와 GPU의 차이점
- Passed by Value
- 알고리즘
- jsEvent Loop
- react portal
- Til
- 원티드인턴십
- 프로젝트
- 원티드프리온보딩
- git
- CloudFront 무효화
- NextJs
- Client-Side Navigation
- 인풋태그 엔터
- 유령 의존성
- Redux
- Node
- Today
- Total
목록전체 글 (107)
SUIN
문제링크 : https://www.acmicpc.net/problem/10869 10869번: 사칙연산 두 자연수 A와 B가 주어진다. 이때, A+B, A-B, A*B, A/B(몫), A%B(나머지)를 출력하는 프로그램을 작성하시오. www.acmicpc.net 내가 작성한 코드 let input = fs.readFileSync('/dev/stdin').toString().split(' '); const A = parseInt(input[0]); const B = parseInt(input[1]); const result01 = A + B; const result02 = A - B; const result03 = A * B; const result04 = parseInt(A / B); const resu..
문제 링크 : https://www.acmicpc.net/problem/10171 10171번: 고양이 아래 예제와 같이 고양이를 출력하시오. www.acmicpc.net 내가 작성한 코드 let input = fs.readFileSync('/dev/stdin') console.log("\\ /\\"); console.log(" ) ( ')"); console.log("( / )"); console.log(" \\(__)|");
오전 _ 팀원들과 팀 과제 최종 정리 및 제출 오후에는 개인과제 제출을 위해 오전에 팀 과제를 마무리 지었다. 기본문제의 답변은 중요도 순으로 뽑아서 정리를 하며 하나씩 변경했고 DIY 내용은 5가지 주제를 함께 뽑아서 정리하며 마무리했다 부트캠프 4주차 React 숙련 공지사항 puzzled-empress-d3f.notion.site 오후 _개인 과제 코드 수정 후 firebase 배포 1. 단어 수정 - 단어카드에 수정버튼 클릭 시 useParams()로 받아온 데이터 index 찾아 defaultValue 값으로 넣어주기 - 수정한 data 수정 button click시 updateDoc 으로 firebase 값 변경하기 2. 단어 입력시 조건 추가 - 단어 ,설명 , 예시 내용이 하나라도 없을 시..
파이어베이스 사이트 Hosting > 시작하기 CLI 설치 yarn add global firebase-tools 구글 아이디로 로그인 #웹브라우저가 열리고 내 구글 계정을 물어볼거예요. 로그인해줍니다. yarn firebase login 로그인 성공! firebase init yarn firebase init 어떤서비스를 사용할거니 ? 스페이스바를 통해서 체크해주기 체크 내용 👇🏻 이미있는 프로젝트 쓸꺼니? 새로운 프로젝트로 만들거니 ?? Use an existing project 선택 어떤 프로젝트 사용할꺼니 ? 연결되어있는 프로젝트 선택 엔터 계속 기본값들로만 넣어주기 퍼블릭 디렉토리가 어디니 ? 배포 디렉토리는 어디니??!! build 입력 SPA 로 설정할래? yes 깃허브를 사용해서 자동으로 ..
코드의 가독성을 높이기 위해 각 문은 서로 다른 줄에 작성하는 것이 일반적이다 alert('Hello'); alert('World'); // X alert('Hello'); //O alert('World'); //O 줄 바꿈이 있다면 세미콜론(semicolon)을 생략할 수 있다 줄 바꿈이 있으면 이를 ‘암시적’ 세미콜론으로 해석하며 이런방식을 세미콜론 자동삽입이라한다. alert('World'); //ok alert('Hello') // ok 하지만 세미콜론이 정말로 필요하지만 자바스크립트가 이를 추정하지 ‘못하는’ 상황도 존재한다 alert("hihi") [1, 2].forEach(alert) //err //alert("hihi")[1, 2].forEach(alert) 처럼 인식 alert("hihi..
개인과제 완성하기를 목표로 파이어 베이스 강의를 들으며 데이터를 직접 CRUD 해보는 시간을 가졌다 월요일 파이어 베이스 강의를 완강했지만 아직 이해하지 못한 부분이 많아 다시 처음부터 차근히 따라가며 직접 내가 작성한 코드와 비교하며 만들어보는 연습을 했고 모르는 부분은 다시 돌아가며 무한반복을 해서 코드를 이해하려고 노력했다 Redux의 덕스(ducks) 구조로 만든 데이터를 추가하고 수정할 수 있지만 새로고침 시 데이터가 실제로 삭제가 되지 않는다 그래서 Firebase와 비동기 통신을 할때 필요한 미들웨어 thunk 를 사용하여 액션 생성 함수를 만들어 CRUD 한 데이터를 직접 데이터베이스에 넣어보는 공부를 했다 비동기 통신이란 서버에서 데이터를 가지고 오는 것은 우리가 바로 알 수없고 요청이 ..
Create 순서 1. 액션 타입만들기 // ---- Actions ---- const CREATE = "card/CREATE"; 2. 액션 생성함수 만들기 // ----- Action Creators ---- export function createCard(card) { console.log("액션을 생성할거야!"); return { type: CREATE, card }; } 3. 파이어베이스와 통신하는 미들웨어 만들기 import { db } from "../../firebase"; import { collection, doc, getDoc, getDocs, addDoc, updateDoc, deleteDoc, } from "firebase/firestore"; // 추가 export const cr..
리덕스에 FireStore 데이터를 넣어보자 Road 순서 1. 액션 타입만들기 // ---- Actions ---- const LOAD = "card/LOAD"; 2. 액션 생성함수 만들기 // ----- Action Creators ---- // loadCard 모든 카드의 리스트를 다 가지고 있어야 합니다 export function loadCard(card_list){ return { type: LOAD, card_list }; } 3. 파이어베이스와 통신하는 미들웨어 만들기 import { db } from "../../firebase"; import { collection, doc, getDoc, getDocs, addDoc, updateDoc, deleteDoc, } from "firebas..