coding

[JUSTCODE] 1, 2차 프로젝트 리팩토링

1차 프로젝트 photofolio DeleteModal.js 중복되는 코드 map 돌리기 최상위 의미없는 태그 삭제 모든 localStorage 삭제 시 clear();로 변경 before) 1. 회원님의 작품과 큐레이션 등 모든 정보가 삭제되며 복구할 수 없습니다. 또한 다른 사람에게 큐레이션된 작품, 사람들과 이야기 나눈 댓글도 모두 삭제됩니다. 단, 콜라보레이션에 당선된 작품은 별도로 보관됩니다. 외부로 공유된 회원님의 프로필 페이지와 작품 상세 페이지에 접속할 수 없습니다. 콘텐츠샵 판매자로 가입되어 있는 경우, 먼저 판매자 탈퇴가 되어야 포토폴리오 채널 삭제가 가능합니다. 2. //데이터 삭제 const deleteAccount = e => { e.preventDefault(); fetch('h..

[JUSTCODE] Advanced Foundation - React (리)렌더링, 조건부 렌더링

(리)렌더링 화면에 UI를 그리는 것을 렌더링이라고 한다. (리)렌더링의 과정 컴포넌트가 렌더링 된다. (이것을 mount라고 한다.) useEffect의 콜백함수가 실행된다. (이것을 side Effect라고 한다.) (리)렌더링은 state, props 등이 변경된 경우에 발생한다. useEffect의 의존성배열에 따라 렌더링이 달라진다.(의존성 배열이 없다면 -> 맨 처음에만 실행, 값이 있다면 -> 그 값이 변할 때마다 실행) state, props의 값이 변경되면 리렌더링된다. ex) 부모 컴포넌트 import React, {useState, useEffect} from 'react'; import Child from './Child'; function Parent() { const [first..

[Code Kata] Day2

문제 reverse 함수에 정수인 숫자를 인자로 받는다. 그 숫자를 뒤집어서 return하라. x: 숫자 return: 뒤집어진 숫자를 반환! ex) x: 1234 return: 4321 x: -1234 return: -4321 x: 1230 return: 321 풀이 const reverse = x => { // 여기에 코드를 작성해주세요. // 숫자를 문자열로 변환 const x2 = String(x) //거꾸로 const x3 = x2.split("").reverse().join(""); console.log(x3); //0이 포함된 경우 삭제 const x4 = x3.replace("0", ""); //-부호가 있는경우 위치 고정 if (x4.indexOf("-")) { } return x4; }..

[JUSTCODE] Basic Foundation - React useEffect

Side Effect "부수효과"로, 내가 원하던 결과 값 이외에 발생한 다른 결과를 의미한다. ex) let count = 0 function greetWithSideEffect(name) { // Input count = count + 1 // Side Effect! return `${name}님 안녕하세요!` // Output } 내가 원하던 결과인 return문 외에 count가 하나씩 올라가는 효과를 얻었기 때문에 count는 Side Effect라고 할 수 있다. 만약, UI를 그려내는 렌더링이 원하던 결과였다면, UI를 그려내는 활동을 제외한 모든 것은 Side Effect라고 할 수 있다. 대표적으로는 data fetching, DOM에 직접 접근, 구독(setInterval)등이 있다. ..

[Code Kata] Day1

문제 `twoSum`함수에 숫자배열과 '특정 수'를 인자로 넘기면, 더해서 '특정 수'가 나오는 index를 배열에 담아 return. nums: 숫자 배열 target: 두 수를 더해서 나올 수 있는 합계 return: 두 수의 index를 가진 숫자 배열 ex) nums은 [4, 9, 11, 14], target은 13 nums[0] + nums[1] = 4 + 9 = 13 이 때, [0, 1]이 return 되어야 한다. 가정) target으로 보내는 합계의 조합은 배열 전체 중에 2개 밖에 없다고 가정. 풀이 const twoSum = (nums, target) => { // 아래 코드를 작성해주세요. for (let i = 0; i < nums.length; i++) { for (let j = ..