<zinny/>

npm install을 하려는데 또 에러가 났다 npm install --save --legacy-peer-deps 각 패키지의 버전 등의 문제로 발생하는 문제라서 인스톨할 때 --save --legacy-peer-deps얘를 넣어주면 해결 완료!

프로젝트 파일을 git clone 한 다음 npm을 실행시키려고 하는데 vs코드에서 오류가 떴다(윈도) 맥에서는 없던 오류에 너무 당황스러워서 쳐봤더니 권한에 관한 오류였다. 1. Windows PowerShell 앱을 검색하여 관리자로 실행 2. 현재 권한 상태 확인 ( get-ExecutionPolicy) - 권한 상태 값 Restricted : default설정값으로, 스크립트 파일을 실행할 수 없습니다. AllSigned : 신뢰할 수 있는(서명된) 스크립트 파일만 실행할 수 있습니다. RemoteSigned : 로컬에서 본인이 생성한 스크립트와, 신뢰할 수 있는(서명된) 스크립트 파일 실행할 수 있습니다. Unrestricted : 모든 스크립트 실행 가능 ByPass : 경고/차단 없이 모든 ..

import React from "react";import styled from 'styled-components';interface ButtonProps { text: boolean children: any _onClick: () => void margin: string width: string height: string padding: string active: boolean bg: string color: string br: string top: string left: string}//interface에다 프롭스의 타입을 전부 정의 해줘야 한다. const Button = ({ text, _onClick, children, margin, width, padding, heigh..

불변성 : 값이나 상태를 변경하지 않는 것??? 이해가 안 되니 일단 마저 읽어보시죠    1. 효과적인 상태 업데이트  리액트의 상태 업데이트에 대한 기본 원리부모 컴포넌트가 리렌더링을 하면 자식 컴포넌트도 리 렌더링 하게 되며, 객체의 속성 하나하나를 비교하는 것이 아니라 참조값만 비교하여 상태 변화를 감지한다. 만약에 불변성을 지키지 않는다면 상태 변화를 감지할 수가 없을 것이다! 그래서 원본 데이터를 직접 수정하는 것이 아니라 복사본을 만들어서 사용한다 즉 얕은 비교를 실행하여 성능 최적화를 만들어내게 된다! 2. 사이드 이펙트 방지원시 타입은 불변성의 특징을 가지고 있지만, 참조 타입인 경우 새로운 값을 변경할 때 원본 데이터가 변경된다(즉 불변성이 지켜지지 않는다) 원본 데이터가 변경될 경우 ..

yarn start 할때 이같은 에러가 뜬다면!? yarn install / npm install 다시하기

import React, { useState } from "react";import styled from "styled-components";import { AiOutlineDown } from "react-icons/ai";import { AiOutlineUp } from "react-icons/ai";const Dropdown = () => { const List = [ { name: '토마토' }, { name: '고구마' }, { name: '감자' }, { name: '오이*극혐' }, { name: '구황작물조아' }, ] //드롭여부 확인 const [isActive, setIsActive] = useState(false); const [category, ..

import React, { useEffect, useState } from "react";import styled from "styled-components";import { AiFillEye } from "react-icons/ai";import { AiFillEyeInvisible } from "react-icons/ai";import { AiFillCheckCircle } from "react-icons/ai";import { AiOutlineCheckCircle } from "react-icons/ai";const Input = () => { const [pw, setPw] = useState({ type: "password", value: false, }); const [cid..

항해 99를 하기까지 원래는 따른 일을 하고 있었는데 어느 순간 일에 대한 회의감이 들었다. 아직 나이도 젊은데 뭐든 못하겠나 싶어서 듣게 된 스파르타 코딩 클럽 강의였다 1. 생각보다 만드는 게 재밌었고 2. 중간중간 과제를 잘 풀어나갔고 3. 마침 계약 만료 시즌에 항해 99가 시작함 삼박자가 고루 맞아서 신청하게 되었다. 지인짜 솔직하게 말하면 처음에는 별생각 없이 했다. 그냥 냅다 인강 좋게 들었고 그냥 재밌었고 싸고! ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 항해 이전 코딩 경험 제로 (코딩이 뭔지도 모르고 그냥 냅다 돈 잘 번다니까 인강 한번 들어볼까 했는데 타이밍 좋게 항해 99 광고 뜸) 항해 시작 직전 html+css로 인강에서 나온 것만 구현 가능 자바스크립트 이해도..

이번 챕터 일정 4/9 (토) : 특강 + 이력서 시작 ✅ 오전 9시반 : 지원주차 발제 오전~오후 : 기술 멘토링 (→일정은 타임테이블 모음집 참고) 오후 5시 : 이력서 작성 특강 by. 정원희 연사님 4/11 (월) : 1차 이력서 타임어택 + 1차 이력서 제출 ✅ 오후2시~3시반 : 1차 이력서 타임어택 (→일정은 타임테이블 모음집 참고) 오후 6시 : 1차 이력서 제출 (→제출링크 : https://forms.gle/BEd9DwJMhXvGexuK6) 4/12 (화) : 2차 이력서 타임어택 + 특강 + 2차 이력서 제출 ✅ 오후2시~3시반 : 2차 이력서 타임어택 (→타임테이블 공지 예정) 오후 6시 : 이력서 공개 피드백 특강 by. 정원희 연사님 자정까지 : 2차 이력서 제출 (→제출링크 :..

이번 챕터 일정 4/9 (토) : 특강 + 이력서 시작 ✅ 오전 9시반 : 지원주차 발제 오전~오후 : 기술 멘토링 (→일정은 타임테이블 모음집 참고) 오후 5시 : 이력서 작성 특강 by. 정원희 연사님 4/11 (월) : 1차 이력서 타임어택 + 1차 이력서 제출 ✅ 오후2시~3시반 : 1차 이력서 타임어택 (→일정은 타임테이블 모음집 참고) 오후 6시 : 1차 이력서 제출 (→제출링크 : https://forms.gle/BEd9DwJMhXvGexuK6) 4/12 (화) : 2차 이력서 타임어택 + 특강 + 2차 이력서 제출 ✅ 오후2시~3시반 : 2차 이력서 타임어택 (→타임테이블 공지 예정) 오후 6시 : 이력서 공개 피드백 특강 by. 정원희 연사님 자정까지 : 2차 이력서 제출 (→제출링크 :..