티스토리

인생 1회차 (First-Life) Ing

검색하기

블로그 홈

인생 1회차 (First-Life) Ing

firstlife-note.tistory.com/m

개발공부 Ing..

구독자: 3

방명록 방문하기

주요 글 목록

innerHTML, innerText, textContent 차이 innerHTML 태그를 포함한 모든 HTML을 반환 innerText 웹 브라우저 화면에 렌더링 되는 (=눈에 보이는) 값만 반환 노드로 저장되지 않는 텍스트 데이터는 제외(폼 요소 안에 작성한 텍스트) textContent 태그 안의 모든 (=눈에 보이지 않는) 텍스트 반환 (, 태그 포함) 공감수 0 댓글수 0 2023. 7. 26.
공백 제거 함수(trim, replace) trim( ) 앞 뒤의 공백을 제거해주는 함수 ( trimStart( ) : 앞 / trimEnd( ) : 뒤) let a = " a b c d e "; a.trim(); // 'a b c d e' replace( ) 정규식을 함께 이용하여 공백 제거 let text = ' a b c d e'; let regex = / /gi; text.replace(regex, ''); // 'abcde' 공감수 1 댓글수 0 2022. 9. 15.
import 시 경로가 이상하게 들어오는 문제 문제 리액트에서 import 시 경로가 react/cjs/react.production.min 처럼 들어올 때 해결방법 npm install --save @types/react 공감수 0 댓글수 0 2022. 9. 14.
[Git] 오류(LF will be replaced by CRLF in ~) ✔️ 오류문구 warning: LF will be replaced by CRLF in package.json. The file will have its original line endings in your working directory 오류가 나는 이유 CR(Carriage-Return) : 현재 커서를 줄 올림 없이 가장 앞으로 옮기는 동작 LF(Line-Feed) : 커서는 그 자리에 그대로 둔 상황에서 종이만 한 줄 올려 줄을 바꾸는 동작 CRLF(Carriage-Return+Line-Feed) : 줄바꿈 OS마다 줄바끔에 대한 문자열이 다르기 때문에 git에서 어느 쪽을 성택해야 할지 경고 메시지를 띄운 것! ❗ 해결방법 window 명령어 git config --global core.autoc.. 공감수 0 댓글수 0 2022. 8. 29.
회원가입 페이지 만들기(2) - 깃헙 오류잔치 회원가입 페이지는 백엔드 개발자 분과 함께 만들어보는 거라 깃헙에도 남기고 싶어서 저장소도 새로 만들었다 권한도 나눠 갖고 내 컴퓨터에 clone을 해야 되는데.. 문제는! 지금 쓰고 있는 Vscode 예전 사람이 이미 사용하던 것이라 clone 하는 순간부터 무수한 에러 발생.. 일단 사용자부터 바꿔주고 git config --global user.name '이름' git config --global user.email '이메일' 😈 오류시작 ✔️ remote: permission to ❗A라는 유저가 '최초' 글로벌 유저 등록을 하고, 나중에 B라는 아이디로 다시 글로벌 유저 등록을 해서 push를 하려할 때 여전히 A의 github 아이디가 나오는 오류 제어판 -> 사용자 계정 -> Windows .. 공감수 0 댓글수 0 2022. 8. 17.
회원가입 페이지 만들기(1) - UI, HTML, CSS 회원가입 페이지 만들기 드디어 내 힘으로 회원가입 페이지를 만들어 보게 됐다 :) 사실 진작에 했어야 되는데 백엔드 처리하는 것도 막막하고 혼자 뭘 해보기가 겁나서 계속 미루고 있었.. 이번에는 (반강제로 하는거긴 하지만) 백엔드 봐주실 분도 있어서 좋은 공부라고 생각하고 시작🙌 일단 어떻게 짜야할지 구글링으로 많이 찾아보고 잘 정리된 블로그를 찾아서 그거 보고 많이 참고했다! (어떤 항목을 넣을지, 해당 항목에 체크해야할 리스트 등) 그리고 처음으로 백엔드도 경험하는 거니까 협업 경험 해볼 겸 노션, 깃헙저장소, 슬랙도 만들었다!!! (비록 단둘이지만ㅋㅋㅋㅋㅋㅋㅋㅋ) 노션 페이지는 내가 만들어서 공유하고 깃헙은 백엔드 분이 해주시기로! UI 따로 디자인이 있는 게 아니라서 피그마 공부도 할 겸 내가 뚝.. 공감수 3 댓글수 1 2022. 8. 16.
SEO (검색 최적화) 검색 최적화 검색자의 의도를 이해하고 이에 충실한 웹 페이지를 제작 검색엔진이 이해하기 쉽도록 홈페이지의 구조와 페이지를 개발해 검색 결과 상위에 노출될 수 있도록 하는 것 검색 최적화 방법 홈페이지 구조 개선 (시맨틱 마크업) 올바른 메타 태그 활용 이미지에 alt 속성 기재 (시작자료를 텍스트로 설명 = 웹 접근성) 모바일 친화적 웹 (meta name="viewport" 태그를 통해 검색엔진에 해당 사이트가 모바일 친화적이라는 것을 알려주는 것이 최적화 점수를 많이 받을 수 있는 방법) 연관성 있는 양질의 컨텐츠 핵심적인 웹 지표(LCP, FID, CLS)와 로딩지표 LCP : 사용자가 URL을 요청한 시점부터 페이지 내에서 시작적으로 가장 큰 콘텐츠를 그리는 데에 걸리는 시간 FID : 웹 페이지.. 공감수 0 댓글수 0 2022. 7. 18.
자바스크립트 ES5와 ES6 차이 ES란? ECAMSCRIPT의 약자로 자바스크립트의 표준 규격을 나타내는 용어 ES5 (2009년) ES6(2015년)출시 매년 업데이트 되고 있지만 ES5와 ES6의 차이가 크기 때문에 많이 비교됨 요즘 많은 회사들이 ES6을 쓰고 있는데 왜 ES5까지 알아야 할까? 기존에 작성된 코드를 이해하기 위해 ES5와 ES6 차이 1. let, const 추가 함수레벨 스코프를 사용하고 재할당이 재선언이 가능한 var 와 달리 let과 const는 블록레벨 스코프를 가지며, let은 재할당 가능, 재선언 불가 const는 재할당/재선언 불가하여 상수에만 쓰임 2. 화살표함수 추가 화살표 함수(Arrow function)가 추가되어 함수를 간결하게 나타낼 수 있고 가독성 및 유지보수성이 올라감 단, 기존의 함수.. 공감수 0 댓글수 0 2022. 7. 18.
웹접근성과 웹표준 웹접근성 모든 사용자가 신체적, 환경적 조건에 관계없이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용 할 수 있도록 보장하는 것 웹 접근성 준수 고려사항 : 시각, 이동성, 청각, 인지 웹 브라우징에 쓰이는 보조과학기술 : 스크린리더, 화면확대도구, 음성인식, 키보드 오버레이 웹표준 브라우저 종류 및 버전에 따른 기능 차이에 대하여 호환이 가능하도록 제시된 표준으로, 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 동일하게 구현함과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹 페이지를 제작하는 기법 (=어떤 브라우저를 사용하든 웹페이지가 똑같이 보이고 정상적으로 작동해야 웹 표준을 잘 지킨 것) 웹표준의 장점 웹접근성 수준의 향상 검색 친화적인 웹사이트 구현.. 공감수 1 댓글수 0 2022. 7. 15.
Date 객체 정리 Date const date = new Date(year, monthIndex, day, hours, minutes, seconds, milliseconds) => 최소한 연도와 월이 주어졌을 때, Date()의 형태는 Date 객체를 생성할 때 모든 구성 요소(연, 월, 일, 시, 분, 초, 밀리초)를 모두 매개변수에서 가져옵니다. 누락한 요소에는 가장 낮은 값(day는 1, 나머지는 0)을 사용합니다. 모든 매개변수 값은 UTC가 아닌 현지 시간으로 취급. getYear() : 1970년도 이후의 연도 getFullYear() : 현재 연도 getMonth() : 월. (0부터 시작하기때문에 현재 월을 알려면 +1을 해줘야함) getDate() : 일 getDay() : 요일 (반환값은 0-6까지이고.. 공감수 0 댓글수 0 2022. 7. 13.
리액트 훅(React Hook) - 1 리액트 16.8 에서 Hooks 라는 기능이 도입되면서 함수형 컴포넌트에서도 상태를 관리할 수 있게 되었다. (이전에는 상태를 관리하기 위해 class 기반 컴포넌트를 작성해야 했다. => 함수형에 비해 유지보수 복잡) ※ 왜 class형 컴포넌트를 쓰지 않고 Hook과 함수형 컴포넌트를 쓸까? class형 컴포넌트의 길어지는 코드 길이 문제, 중복 코드, 가독성 문제 등을 해결하기 위해 useState React에서 import 컴포넌트에서 상태를 관리 const [data, setData] = useState(data의 초기값) // 원래는 이런 형태지만 배열 비구조화 할당을 통하여 각 원소를 추출해준 것 const numberState = useState(0); const number = numbe.. 공감수 0 댓글수 0 2022. 7. 12.
자주 사용하는 배열 함수 10가지 출처 : 드림코딩 https://www.youtube.com/watch?v=3CUjtKJ7PJg&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=9&ab_channel=%EB%93%9C%EB%A6%BC%EC%BD%94%EB%94%A9 배열함수 1. 주어진 배열을 문자열로 변환 : join() , toString() ⇒ join은 구분자를 넣을 수 있음, 기본은 콤마 const fruits = ['apple', 'banana', 'orange']; fruits.join(',') // 'apple,banana,orange' 2. 주어진 문자열을 배열로 변환 : split() ⇒ 구분자 전달 필수, 기본 구분자는 콤마 const fruits = '🍉,🍊,🍋,🍌'; fruits.. 공감수 0 댓글수 0 2022. 7. 10.
모던 자바스크립트 Deep Dive #17-1 (프로토타입) 자바스크립트는 명령형imperative, 함수형functional, 프로토타입 기반prototype-based 객체지향 프로그래밍OOP;Object Oriented Programming을 지원하는 멀티 패러다임 프로그래밍 언어다. 자바스크립트는 객체 기반의 프로그래밍 언어이며 자바스크립트를 이루고 있는 거의 "모든 것"이 객체다. 원시 타입primitive type의 값을 제외한 나머지 값들(함수, 배열, 정규 표현식 등)은 모두 객체다. 객체 지향 프로그래밍 객체지향 프로그래밍은 프로그램을 객체object의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 말한다. 객체지향 프로그래밍은 실세계의 실체(사물이나 개념)을 인식하는 철학적 사고를 프로그래밍에 접목하려는 시도에서 시작한다. 실체는 특징이나 .. 공감수 1 댓글수 0 2022. 5. 30.
useEffect 에러 (useMemo) 에러코드 React Hook "useEffect" is called conditionally. React Hooks must be called in the exact same order in every component render. 해결방법 공식문서 : Don’t call Hooks inside loops, conditions, or nested functions. Instead, always use Hooks at the top level of your React function, before any early returns. => 반복문, 선언문, 중첩된 함수 내에서 훅을 사용하지 말자! (return문을 사용하면 안됨) Hook을 최상위에 선언하자! (useEffect 뿐 아니라 useMemo 등.. 공감수 0 댓글수 0 2022. 5. 19.
[클린코드] TIL 10장 클래스 오늘 TIL 3줄 요약 클래스는 작을 수록 좋다 하나의 클래스는 하나의 책임만! 응집력 있는 클래스를 만들어라 책에서 기억하고 싶은 내용 변수목록 : 정적static 공개 public 상수 > 정적 비공개 private 변수 > 비공개 인스턴스 변수 변수목록 다음에는 공개함수가 나오고 비공개 함수는 자신을 호출하는 공개 함수 직후에 넣는다. 즉 추상화 단계가 순차적으로 내려감 클래스를 설계할 때도, 함수와 마찬가지고 '작게'가 기본 규칙 클래스 이름은 해당 클래스 책임을 기술해야 한다. (실제로 작명은 클래스 크기를 줄이는 첫번째 관문) 클래스 이름이 모호하다면 클래스 책임이 너무 많아서다. [단일 책임 원칙 (SRP : Single Responsibility Principle) ] 단일 책임 원칙 : .. 공감수 0 댓글수 0 2022. 5. 10.
[클린코드] TIL 9장 단위테스트 오늘의 TIL 3줄 요약 * 테스트 코드는 실제 코드만큼이나 중요하다 * 테스트 코드는 실제 코드의 유연성, 유지보수성, 재사용성을 보존하고 강화한다 * 테스트코드의 표현력을 높이고 간결하게 정리하자 책에서 기억하고 싶은 내용 1. 실패하는 단위 테스트를 작성할 때까지 실제 코드를 작성하지 않는다 2. 컴파일은 실패하지 않으면서 실행이 실패하는 정도로만 단위 테스트를 작성한다 3. 현재 실패하는 테스트를 통과할 정도로만 실제 코드를 작성한다 * 테스트 코드는 실제 코드 못지 않게 중요하다. 실제 코드 못지않게 깨끗하게 짜야 한다. * 단위 테스트 코드는 유연성, 유지보수성, 재사용성을 제공한다. * 테스트 케이스가 없다면 모든 변경이 잠정적인 버그다. * 깨끗한 테스트 코드를 만들려면? 가독성을 위해 명.. 공감수 0 댓글수 0 2022. 5. 7.
[클린코드] TIL 7장 오류처리 오늘 TIL 3줄 요약 깨끗한 코드와 오류 처리는 확실히 연관성이 있다 오류코드보다는 예외를 사용하라 오류 처리를 프로그램 논리와 분리하면 독립적인 추론이 가능해지며 코드 유지보수성도 크게 높아진다 책에서 기억하고 싶은 내용 깨끗한 코드와 오류 처리는 확실히 연관성이 있다. 상당수 코드 기반은 전적으로 오류 처리 코드에 좌우된다. (여기서 좌우된다는 표현은 코드 기반이 오류만 처리한다는 의미가 아니라 여기저기 흩어진 오류 처리 코드 때문에 실제 코드가 하는 일을 파악하기가 거의 불가능하다는 의미) 오류 코드보다 예외를 사용하라 Try-Catch-Finally문부터 작성하라 미확인unchecked예외를 사용하라 예외에 의미를 제공하라 (예외를 던질 때는 전후 상황을 충분히 덧붙인다) 호출자를 고려해 예외 .. 공감수 1 댓글수 0 2022. 5. 5.
[클린코드] 6장 객체와 자료 구조 오늘 TIL 3줄 요약 객체는 동작을 공개하고 자료를 숨긴다. 자료를 세세하게 공개하기 보다는 추상적인 개념으로 표현하는 것이 좋다. 객체지향 코드에서 어려운 변경은 절차적인 코드에서 쉬우며, 절차적은 코드에서 어려운 변경은 객체지향 코드에서 쉽다. 책에서 기억하고 싶은 내용 변수를 비공개private로 정의하는 이유 : 남들이 변수에 의존하지 않게 만들고 싶어서 변수를 private으로 선언하더라도 각 값마다 조회get 함수와 설정set 함수를 제공한다면 구현을 외부로 노출하는 셈 구현을 감추려면 추상화가 필요하다! 개발자는 객체가 포함하는 자료를 표현할 가장 좋은 방법을 심각하게 고민해야 한다. 아무 생각없이 조회/설정 함수를 추가하는 방법이 가장 나쁘다 객체지향 코드에서 어려운 변경은 절차적인 코드.. 공감수 0 댓글수 0 2022. 5. 4.
☕ 문벅스 카페 메뉴 앱 만들기 #03 (웹서버 띄우고, API요청하여 메뉴판 관리) 90년생 HTML과 웹 웹의 고향 스위스 1990년도 웹의 등장 Tim Bernes-Lee 가 만들었음 효율적으로 정보를 주고 받기 위해 탄생 1990.10 세계 최초의 웹 페이지 에디터 1990.11 세계 최초의 웹브라우저 (www) 1990.12 세계 최초의 웹서버 (info.cern.ch) - 웹의 시작 Q. 왜 웹서버가 필요할까? A. 콘텐츠 관리 : 웹에서 다양한 컨텐츠를 불특정 다수에게 공개할 때 여러 곳에 분산되어 있으면 업데이트를 파악하기도 어렵고 동시 갱신이 어렵고 비용도 많이 듦 -> 웹서버컴퓨터 하나에 정보를 모아두자 => 데이터 상태를 효율적으로 관리하고, 변경된 데이터를 클라이언트에게 효율적으로 공유하기 위해 1. 요구사항 분석 2. 웹서버 실행시키기 fetch('url', opt.. 공감수 0 댓글수 0 2022. 5. 4.
[클린코드] TIL (5장 형식맞추기) 오늘 TIL 3줄 요약 코드는 중요한 의사소통의 일환이다. 올바른 형식을 지키서 코드를 짜자(가로, 세로) 팀 규칙은 개인의 선호보다 우선! 책에서 기억하고 싶은 내용 코드 형식은 중요한 의사소통의 일환이다. 오늘 구현한 코드의 가독성은 앞으로 바뀔 코드의 품질에 지대한 영향을 미친다. 신문 기사처럼 작성하라 (이름은 간단하면서도 설명이 가능하게, 이름만 보고도 올바른 모듈을 살펴보고 있는지 아닌지를 판단할 정도로 신경써서 짓기. 아래로 내려갈수록 의도를 세세하게 묘사) 개념은 빈 행으로 분리하라 세로 밀집도 (서로 밀접한 코드 행은 세로로 가까이 놓여야 함) 수직 거리 (같은 파일에 속할 정도로 밀접한 두 개념은 세로 거리로 연관성을 표현한다. 여기서 연관성이란 한 개념을 이해하는 데 다른 개염이 중요.. 공감수 1 댓글수 0 2022. 5. 3.
[클린코드] TIL (4장. 주석) 오늘 TIL 3줄 요약 주석은 필요악이다 주석 대신 코드로 의도를 표현하라 주석은 반드시 필요할 때만, 최소한으로 사용하라 책에서 기억하고 싶은 내용 주석은 '필요악' 이다. 우리에게 프로그래밍 언어를 치밀하게 사용해 의도를 표현할 능력이 있다면, 주석은 전혀 필요하지 않으리라. 하지만 그렇지 못해서 쓰는 것이 주석 (그만큼 주석은 안쓰는 것이 좋다.) 주석은 나쁜 코드를 보완하지 못한다. 나쁜 코드를 주석으로 설명하려 애쓰는 대신 코드를 수정하라. 코드로 의도를 표현하라 - 법적인 주석 -정보를 제공하는 주석 -의도를 설명하는 주석 -의미를 명료하게 밝히는 주석 -결과를 경고하는 주석 -TODO주석 -중요성을 강조하는 주석 -주절거리는 주석 -같은 이야기를 하는 주석 -오해할 여지가 있는 주석 -의무적.. 공감수 1 댓글수 0 2022. 4. 29.
[클린코드] TIL (3장. 함수) 오늘 TIL 3줄 요약 '한 가지'만 하는 함수를 만들어라 중복을 줄여라 잘 읽히는 이야기처럼 코드를 풀어가라 책에서 기억하고 싶은 내용 작게 만들어라 - 가로 100자, 100줄 이상 금지. 20줄도 김 블록과 들여쓰기 - if/else문, while문 등에 들어가는 블록은 한 줄이어야 한다는 의미 = 중첩구조가 생길만큼 함수가 커져서는 안됨 한 가지만 해라 - 한 가지 기능만 하되, 그 기능이 잘 동작해야 함 함수가 '한 가지' 기능만 수행하는지 확인하는 방법? 지정된 함수 이름 아래에서 추상화 수준이 하나인 단계만 수행한다면 그 함수는 한 가지 작업만 한다. 단순히 다른 표현이 아니라 의미 있는 이름으로 다른 함수를 추출할 수 있다면 그 함수는 여러 작업을 하는 셈. 함수 당 추상화 수준은 하나로!.. 공감수 1 댓글수 0 2022. 4. 27.
[클린코드] TIL (2. 의미있는 이름) 오늘 TIL 요약 문장이나 문단처럼 읽히는 코드 아니면 적어도 표나 자료 구조처럼 읽히는 코드를 짜는 데 집중하자 책에서 기억하고 싶은 내용 의도를 분명히 밝혀라 -변수(혹은 함수나 클래스)의 존재 이유, 수행 기능, 사용 방법 그외 주석이 필요하다면 의도를 분명히 드러내지 못한 것 => 문제는 코드의 단축성이 아니라 함축성 그릇된 정보를 피하라 - 일관성이 떨어지는 정보는 그릇된 정보 의미 있게 구분하라 발음하기 쉬운 이름을 사용하라 검색하기 쉬운 이름을 사용하라 (ex. 7, e 조심) 인코딩을 피하라 자신의 기억력을 자랑하지 마라 (루프에서 반복 횟수를 세는 변수를 쓸 때 'l'은 절대 안됨!) 기발한 이름은 피하라 한 개념에 한 단어를 사용하라 말장난을 하지 마라 해법 영역, 문제 영역에서 가져온.. 공감수 0 댓글수 0 2022. 4. 24.
[클린코드] TIL (1장. 깨끗한 코드) 오늘 TIL 3줄 요약 중복을 피하라 한 기능만 수행하라 제대로 표현하고, 작게 추상화 하라 책에서 기억하고 싶은 내용 "사소한 곳에서 발휘하는 정직은 사소하지 않다" "책임 있는 전문가라면 프로젝트를 시작할 때 생각하고 계획할 시간을 확보해야 한다" 기계가 실행할 정도로 상세하게 요구사항을 명시하는 직업, 바로 이것이 프로그래밍. 이렇게 명시한 결과가 바로 코드다. 궁극적으로 코드는 요구사항을 표현하는 언어라는 사실을 명심한다. 나쁜 코드는? 개발 속도를 떨어뜨린다. 팀 생산성이 떨어진다. 좋은 코드를 사수하는 일은 우리 프로그래머들의 책임이다. 깨끗한 코드는? '보기에 즐거운' 코드, 한가지에 집중한 코드 - 비야네 스트롭 스트룹 잘 쓴 문장처럼 읽히는 코드 - 그래디 부치 '다른' 사람이 고치기 쉬.. 공감수 1 댓글수 0 2022. 4. 24.
자바스크립트에서 CSS 다루기 하나씩 변경하기 const element = document.querySelector("h1") element.style.color = 'blue' // 변수 값을 사용 하고 싶다면 백틱 기존에 정의된 style에 새로운 속성 추가 여러개 변경하기 const element = document.querySelector("div") element.style.cssText = 'color:blue; background-color:red' // 변수 값을 사용 하고 싶다면 백틱 기존에 정의된 style을 지우고, cssText로 덮어씀 참고링크 : https://hianna.tistory.com/671 공감수 1 댓글수 0 2022. 4. 21.
자바스크립트 시간 차이 구하기 특정 날짜와 오늘 날짜 사이의 시간 구하기 (feat. D-day 계산기) getTime() 표준시에 따라 지정된 날짜의 시간에 해당하는 숫자 값을 반환 1970 년 1 월 1 일 00:00:00 UTC와 주어진 날짜 사이의 경과 시간 (밀리 초)을 나타내는 숫자 결과값이 밀리 초 단위로 나오기 때문에 변환해주어야함 const date = new Date(); const HappyNewYear = new Date("2023-01-01T00:00:00"); const Dday = HappyNewYear.getTime()-date.getTime(); // 22026379074 공감수 0 댓글수 0 2022. 4. 21.
[노마드코더] 바닐라 JS로 그림판 만들기 #Canvas canvas html5 의 한 요소로 context를 가짐 (요소안에서 픽셀에 접근할 수 있음) 2개의 사이즈를 가져야 함(CSS사이즈, pixel modifier(실제픽셀사이즈)) strokeStyle( ) : 기본색 lineWidth( ) : 선의 너비 beginPath( ) : 클릭하지 않을 때 선을 만듦 => 경로생성 moveTo(x,y) : x,y 좌표로 path를 옮김 => 선 시작 좌표 lineTo(x,y) : 이전 위치에서 지금 위치까지 선을 만듦 => 선 끝 좌표 stroke( ) : 선을 그음 - 마우스를 움직이는 내내 발생 => 선 그리기 * Canvas MDN https://developer.mozilla.org/ko/docs/Web/API/Canvas_API 공감수 1 댓글수 0 2022. 4. 12.
useHistory -> useNavigate import { useNavigate } from "react-router-dom"; const navigate = useNavigate(); 에러코드 Attempted import error: 'useHistory' is not exported from 'react-router-dom'. 해결방법 react-router-dom v6로 업데이트 되면서 useHistory가 useNavigate로 바뀜 공감수 0 댓글수 0 2022. 3. 24.
Switch -> Routes 로 변경 에러코드 1. Error: [App] is not a component. 2. export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'. 해결방법 react-router-dom v6로 업데이트 되면서 Switch를 쓸 수 없게 됨 Switch -> Routes 로 바꿔서 쓰기 element 로 컴포넌트 추가 // 업데이트 전 function App({ authService }) { return ( ); } // 업데이트 후 function App({ authService }) { return ( ); } 공감수 1 댓글수 0 2022. 3. 24.
모던 자바스크립트 Deep Dive #16 (함수와 일급 객체) 일급 객체 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 함수의 매개변수에 전달할 수 있다. 함수의 반환 값으로 사용할 수 있다. 함수는 위의 조건을 모두 만족하므로 일급 객체다. 함수가 일급 객체라는 것은 함수를 객체와 동일하게 사용할 수 있다는 의미다. 객체는 값이므로 함수는 값과 동일하게 취급할 수 있다. 따라서 함수는 값을 사용할 수 있는 곳(변수 할당문, 객체의 프로퍼티 값, 배열의 요소, 함수 호출의 인수, 함수 반환문)이라면 어디서든지 리터럴로 정의할 수 있으며 런타임runtime에 함수 객체로 평가된다. 함수는 객체이지만 일반 객체와 차이가 있는데, 일반 객체는 호출할 수 없지만 함수 객체는 호출 할 수 있다. 또한 .. 공감수 1 댓글수 0 2022. 2. 11.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.