1. public 파일안에 있는경우
2. src 폴더안에 있는경우
를 생각해볼수있다.
또한, 이미지는 자동완성이 안됨으로 경로를 일일히 지정해줘야한다 ex) ../../../example.jsx
+ require 를 사용해서 이미지를 보여주게 하는방법도 있다.
| [팀프로젝트시작] (0) | 2024.01.10 |
|---|---|
| useNavigate() may be used only in the context of a <Router> component 에러해결 case-1 (1) | 2024.01.06 |
| [React] Session Storage/ local Storage 공부 (0) | 2024.01.06 |
| [React] function is not iterable 에러해결 case-1(useState() 괄호를 안썼을때) (0) | 2024.01.06 |
| [React] <Button/> 태그를 가운데 정렬하는법 (0) | 2024.01.05 |
day1 - 현업자분의 설명
각자 목표설정
| [React] react에서 이미지파일 불러올때 경로 작성법 (0) | 2024.01.14 |
|---|---|
| useNavigate() may be used only in the context of a <Router> component 에러해결 case-1 (1) | 2024.01.06 |
| [React] Session Storage/ local Storage 공부 (0) | 2024.01.06 |
| [React] function is not iterable 에러해결 case-1(useState() 괄호를 안썼을때) (0) | 2024.01.06 |
| [React] <Button/> 태그를 가운데 정렬하는법 (0) | 2024.01.05 |
그냥 useNavigate부분을 우선 주석처리 해주니까 풀리긴했다.
| [React] react에서 이미지파일 불러올때 경로 작성법 (0) | 2024.01.14 |
|---|---|
| [팀프로젝트시작] (0) | 2024.01.10 |
| [React] Session Storage/ local Storage 공부 (0) | 2024.01.06 |
| [React] function is not iterable 에러해결 case-1(useState() 괄호를 안썼을때) (0) | 2024.01.06 |
| [React] <Button/> 태그를 가운데 정렬하는법 (0) | 2024.01.05 |
로그인 방식에서 2개는 차이가 있는데 Session이 더 안정적이라고 판단이 들었습니다.
왜냐하면 간단히 말하면 로컬 스토리지는 데이터가 계속 저장되어서 보안이 취약한 반면에 세션 스토리지는 계속 저장되지 않기 때문입니다.
두 스토리지 객체는 동일한 메서드와 프로퍼티를 제공합니다.
참고) https://ko.javascript.info/localstorage
localStorage와 sessionStorage
ko.javascript.info
https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-localStorage-sessionStorage
[JS] 📚 LocalStorage / SessionStorage (vs 쿠키와 비교)
LocalStorage / SessionStorage API 소개 html5에서는 좀 더 쉽고 간단한 저장소 제공을 위해 새로운 localStorage와 sessionStorage API를 제공한다. 둘 다 저장 공간으로 사용할 수 있는데 이 둘의 가장 큰 차이점이
inpa.tistory.com
| [팀프로젝트시작] (0) | 2024.01.10 |
|---|---|
| useNavigate() may be used only in the context of a <Router> component 에러해결 case-1 (1) | 2024.01.06 |
| [React] function is not iterable 에러해결 case-1(useState() 괄호를 안썼을때) (0) | 2024.01.06 |
| [React] <Button/> 태그를 가운데 정렬하는법 (0) | 2024.01.05 |
| [React] <></> 와 <React.Fragment> 차이/ Fragment 사용하는 이유 (0) | 2023.11.24 |
function is not iterable 이라는 에러가 나왔는데 개발자 도구를 통해서 잘 살펴보니
저기 밑줄친 부분이 오류가 나있었다.
useState 부분을 잘못작성했다고 깨달아서 () 괄호를 넣어주니까 정상적으로 실행이 되었다!
| useNavigate() may be used only in the context of a <Router> component 에러해결 case-1 (1) | 2024.01.06 |
|---|---|
| [React] Session Storage/ local Storage 공부 (0) | 2024.01.06 |
| [React] <Button/> 태그를 가운데 정렬하는법 (0) | 2024.01.05 |
| [React] <></> 와 <React.Fragment> 차이/ Fragment 사용하는 이유 (0) | 2023.11.24 |
| [React] cra를 안쓰고 웹팩, 바벨등을 사용하는 이유 (2) | 2023.11.22 |
그냥 가운데 정렬할려면 힘들고 잘 안되니까
div로 감싸서 하는것이 좋은것같다
1. 버튼태그를 div로 감싸기
2. div에 text-align: center; 속성주기
3. 버튼에 display :inline-block; 속성주기
| [React] Session Storage/ local Storage 공부 (0) | 2024.01.06 |
|---|---|
| [React] function is not iterable 에러해결 case-1(useState() 괄호를 안썼을때) (0) | 2024.01.06 |
| [React] <></> 와 <React.Fragment> 차이/ Fragment 사용하는 이유 (0) | 2023.11.24 |
| [React] cra를 안쓰고 웹팩, 바벨등을 사용하는 이유 (2) | 2023.11.22 |
| [React] Duck 패턴 등장배경 (0) | 2023.11.20 |
하지만 현실 세계를 반영하기엔 이 두 자료구조 만으론 부족해서 맵(Map)과 셋(Set)이 등장하게 되었습니다.
맵(Map)은 키가 있는 데이터를 저장한다는 점에서 객체와 유사합니다. 다만, 맵은 키에 다양한 자료형을 허용한다는 점에서 차이가 있습니다.
맵에는 다음과 같은 주요 메서드와 프로퍼티가 있습니다.
참고>
https://ko.javascript.info/map-set
맵과 셋
ko.javascript.info
| js 인강필기 (0) | 2023.12.09 |
|---|---|
| [JavaScript] startsWith() / endsWith() 차이 (0) | 2023.12.08 |
| [JavaScript] 문자열을 합치는방법 (2) | 2023.12.07 |
| [Javascript] filter 사용법 예제 (2) | 2023.12.03 |
| [JavaScript] 문자열 변환방법 (0) | 2023.12.01 |
type of `` , 등 글자가 아무것도 없어도 문자열
백틱도 문자열
| [JavaScript] Map 과 Set 등장배경과 Map용도 예시 (0) | 2024.01.01 |
|---|---|
| [JavaScript] startsWith() / endsWith() 차이 (0) | 2023.12.08 |
| [JavaScript] 문자열을 합치는방법 (2) | 2023.12.07 |
| [Javascript] filter 사용법 예제 (2) | 2023.12.03 |
| [JavaScript] 문자열 변환방법 (0) | 2023.12.01 |