신예리의 개발자취

proxy is not a function 방법 1. 코드 변경 [참고] Error : Proxy is not a function - 인프런 질문 - [참고] Error : Proxy is not a function Create-react-app.dev 의 'configuring the proxy manually' 방식을 적용하면 실행시 'Proxy is not a function' 에러가 발생합니다. Npm 의 'http-proxy-middleware' 를 확인해 보니 require www.inflearn.com const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function(app) { app.us..

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

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

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

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 이후 이클립스 재실행

개요 HTML (Hyper Text Markup Language) 웹페이지의 뼈대를 만드는 프로그래밍 언어 파일 확장자 *.htm *.html 인코딩 방식 UTF-8 (한글 깨짐 방지) 명령어 (태그, tag) 일반적으로 시작태그, 종료태그 한 쌍으로 구성 대소문자를 구분하지 않으나 편의상 소문자로 입력 중첩 사용 가능 태그 형태 (시작태그) (종료태그) 문서구조태그 html5 버전 문서임을 선언 웹페이지의 시작과 끝 머리말 문서의 제목(브라우저 제목 표시줄) 문서의 메타 데이터 본문(웹페이지 내용) 스타일 속성 분할(레이아웃 구역 나누는 용도, block 속성) style="" 스타일 color: 글자색 background-color: 배경색 text-align: 정렬(좌-left, 우-right, 중..

'Publishing to Tomcat v8.5 Server at localhost...' has encountered a problem. Could not delete C:/경로. May be locked by another process. 방법 1. 프로젝트 클린(Project Clean) 방법 2. 톰캣 클린(Tomcat Clean)

기본 클래스 (클래스명)을(를) 찾거나 로드할 수 없습니다. 방법 1. Run/Debug Settings에서 문제 파일 삭제 Error-오류: 기본 클래스 ****을(를) 찾거나 로드할 수 없습니다. 오류메시지 오류: 기본 클래스 ObjectEx02을(를) 찾거나 로드할 수 없습니다. 오류 원인 (주로) ADT 환경에서 패키지 익스플로러(Package Explorer) 상에서 자바 클래스 파일(.java)을 그냥 삭제하면 codedragon.tistory.com 패키지 익스플로러에서 자바 클래스 파일을 삭제하면 종종 발생하는 오류라고 한다.