신예리의 개발자취

Attempted import error: 'Icon' is not exported from 'antd'. 방법 1. antd 재설치 및 코드 수정 [오류해결] 'Icon' is not exported from 'antd' 위와 같은 오류가 뜨기 시작. Attempted import error: '@ant-design/icons' does not contain a default export (imported as 'Icon'). 해결방법 기존으로 import 해오던 방식이 아닌 import Icon from '@ant.. iancoding.tistory.com import React, { useState } from 'react'; import Icon from '@ant-design/icons'; fu..

Module not found: Can't resolve 'formik' in '경로' 또는 Module not found: Can't resolve 'yup' in ' 경로' [따라하며 배우는 노드, 리액트 시리즈] 영화 사이트 만들기 - 강의 누락분 (3) client/src/hoc/auth.js /* eslint-disable react-hooks/exhaustive-deps */ import React, { useEffect } from 'react'; import { auth } from '../_actions/user_actions'; import { useSelector, useDispatch.. shinye0213.tistory.com 방법 1. formik, yup 설치 프론트엔드38일차..

package-lock.json: For performance reasons, document symbols have been limited to 5000 items, Use setting 'json.maxItemsComputed' to configure the limit. 방법 1. 설정 변경 VSCode - "package-lock.json: For performance reasons, document symbols have been limited to 5000 items.." / 비주얼 스튜디 비주얼 스튜디오 코드 package-lock.json 설정 안녕하세요. 고코더 입니다. ● 1. package 파일이 있는 프로젝트를 비주얼 스튜디오 코드로 실행 시 아래와 같은 팝업이 뜨는 경우가 있습니다...

Module not found: Can't resolve '파일' in '경로' 방법 1. npm install 시작 페이지가 안출력되요 - 인프런 www.inflearn.com 방법 2. 작업 관리자에서 Node.js 프로세스 종료 방법 3. package.json, node_modules 삭제 후 재설치 [React]Module not found: Can't resolve './node_modules/react' 오류 해결 방법 📖 들어가며 최근 React를 공부하는 도중에 react router를 설치해야 하는 상황이어서 react router를 설치 했는데 로그에 npm error가 여러 개 발생했길래 그래도 설치는 제대로 되었겠거니 하고 리액트 yong-nyong.tistory.com

Your branch is up to date with 'origin/master'. nothing to commit, working tree clean 방법 1. 깃허브 저장소 클론(Repo Clone) vscode(Visual Studio Code)에서 git clone(복제) 하기 1. vscode 실행 후 f1버튼 -> git clone 검색 2. git url 입력 3. 리포지토리 위치 선택 4. 복제 완료 후 새 창에서 열기 thisisspear.tistory.com 기존 local 저장소를 삭제하고 다시 add-commit-push를 시도하니 잘 된다.

'concurrently'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. [따라하며 배우는 노드, 리액트 시리즈] 영화 사이트 만들기 02. Boiler-Plate & MongoDB 연결 Ⅰ. boilerplate * 개발상 편의를 위해 기본 강의에서 이미 만들어 둔 boilerplate를 사용하자. [따라하며 배우는 노드, 리액트 시리즈] 기본 강의 03. 몽고 DB 연결 Ⅰ. mongoDB 회원가입 The most popular data.. shinye0213.tistory.com 방법 1. package.json 버전 상향 'concurrently'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. Node.js yarn 에..

Changes not staged for commit과 Untracked files Node.js 에러 (Node.js error) npm WARN optional/notsup SKIPPING OPTIONAL DEPENDENCY: 어쩌구 Ⅰ. 문제 발생 Ⅱ. 원인 및 해결방안 C:\Users\pro\AppData\Roaming\npm\node_modules\ionic\bin\ionic npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\i.." data-og-host="roc.. shinye0213.tistory.com 방법 1. 루트 폴더(root folder)로 이동

npm WARN optional/notsup SKIPPING OPTIONAL DEPENDENCY: 어쩌구 방법 1. fsevents 모듈 설치 [Node.js] npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@ 에러메세지 종류 C:\Users\pro\AppData\Roaming\npm\ionic -> C:\Users\pro\AppData\Roaming\npm\node_modules\ionic\bin\ionic npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\i.. rockycha.tistory.com

Logon failed, use ctrl+c to cancel basic credential prompt. 방법 1. 깃 업데이트(Git Update)

[따라하며 배우는 노드, 리액트 시리즈] 기본 강의 09. 비밀 설정 정보 관리 Ⅰ. config 폴더 생성 module.exports = { mongoURI:'mongodb+srv://유저명:비밀번호@boilerplate.g9mtm.mongodb.net/DB명?retryWrites=true&w=majority' } if(process.env.NODE_ENV === 'production') { // pr.. shinye0213.tistory.com warning: LF will be replaced by CRLF in package-lock.json. 방법 1. 경고 메시지 안 보이게 설정 [git] warning: LF will be replaced by CRLF in smth 윈도우에서 작업을 하다보..

009.html 010.html 제어문 제어문 프로그램의 흐름을 제어하는 실행문 종류 조건문(분기문) if~else(조건 만족 여부에 따라 실행 제어) 선택문 switch~case(변수에 일치하는 경우의 값에 따라 제어) 반복문 for, while, do while(특정 실행문 반복하도록 제어) 011.html 012.html 증감연산자 증감연산자 [++, --] 변수에 앞/뒤에서 사용, 값 +1(증가) 또는 -1(감소) ;(세미콜론)을 기준으로 연산이 실행 여부 판단 전위연산 ++A 변수 값 사용할 때 +1 (값 1 증가 후 연산 수행) --A 변수 값 사용할 때 -1 (값 1 감소 후 연산 수행) 후위연산 A++ 변수 값 사용 후 +1 (연산 수행 후 값 1 증가) A-- 변수 값 사용 후 -1 (연..

개요 자바스크립트 [JavaScript, JS] 객체기반 스크립트 프로그래밍 언어 HTML, CSS에서 만든 정적인 페이지를 동적으로 만듦 특징 C언어 기반의 문법 사용 오픈된 소스코드 다양한 라이브러리 제공(ex. jQuery, Ajax, JSON) 넷스케이프에서 개발한 스크립트 언어 HTML 문서 내부에 포함된 기능 웹 브라우저, 인터프리터 이용해 실행 (위에서 → 아래로, 순차적으로 실행) 참고 JSP [Java Server Pages] JAVA를 이용한 서버 스크립트 언어(한마디로 JAVA 확장판) 자바 vs 자바스크립트 서버에서 제공하는 언어 vs 클라이언트에서 받는 언어 자바-자바스크립트는 인도-인도네시아와 같음 (이름만 비슷하고 관계도 없는 아예 다른 언어) 같이 사용해 서로의 부담을 줄임 ..

Ⅰ. 설치 출처 : [이클립스] Emmet(에밋) 설치 방법 안내 기본 이클립스에는 Emmet 이 설치되어 있지 않다. html 이나 css 등을 이클립스에서 작성, 수정해야 하는 ... blog.naver.com Ⅱ. 사용 예시 emmit.html hello world hello world hello world hello world hello world 출처 : Cheat Sheet Download cheat sheet as printable PDF A5 docs.emmet.io

001.css h1 { color:red } 001.html 외부 CSS 인라인 CSS 002.html hello world hello world hello world hello world hello world hello world 003.html 범용 선택자 * 타입 선택자 h2 범용 선택자 * 범용 선택자 * 클래스 선택자 .one 클래스 선택자 .two 클래스 선택자(class끼리 중첩 가능) .one two 아이디 선택자 #three 아이디 선택자 #four 아이디 선택자(id끼리 중첩 불가) #three four 004.html class one / font-size 32px class two / font-size 2em class three / font-weight normal 창 크기 기준 ..

Processing instruction not closed. 방법 1. 전체코드 복붙 방법 2. 방법 1 이후 이클립스 재실행