profile
신입 개발자

React-hook - SWR

데이터를 가져오기 위한 React hook 라이브러리이다. SWR은 원격 데이터를 가져올 때 캐싱된 데이터가 있으면 그 데이터를 먼저 반환한 다음 가져오기 요청을 보내고, 마지막으로 최신 데이터와 함께 제공하는 라이브러리다.LightweightRealtimeSusoen

2023년 6월 29일
·
0개의 댓글
·

React-Native - 앱이 실행이 안될때

패키지명/android/app/src/main/assets 폴더가 있는지 확인하고 없으면 생성패키지명/android 폴더에서 ./gradlew clean 실행패키지명 폴더에서 아래 명령어 실행npx react-native bundle --platform android

2023년 5월 24일
·
0개의 댓글
·

Redux - redux

state를 바꾸는 동작그 action을 실제로 실행하는것 action이 실제로 실행되면 state를 바꾸는 로직

2023년 5월 23일
·
0개의 댓글
·

React를 사용할 때 브라우저에 사용되는 요소들

divinputandroid.vieweditTextUIVIEWUITextFieldViewTextInput

2023년 5월 20일
·
0개의 댓글
·

터미널에서 zshrc파일 설정을 잘못하여 커맨드 입력이 안될때

위에 에러가 뜨면 .zshrc에서 환경 변수 설정을 잘못 해주었다는것이다export PATH=%PATH:/bin:/usr/local/bin:/usr/bin위에 코드를 입력해주면 임시로 사용해서 환경변수를 고칠수 있다

2023년 5월 18일
·
0개의 댓글
·

immer란

불변성을 유지하면서도 쉽게 객체를 수정할 수 있는 라이브러리객체의 상태를 업데이트할 때, 기존 객체를 직접 수정하는 대신, 새로운 객체를 생성하여 수정하는 방식을 사용상태 업데이트를 위한 코드가 더욱 간결하고 가독성이 높아지며, 불변성을 유지하면서도 객체를 쉽게 수정할

2023년 4월 6일
·
0개의 댓글
·

Redux - redux saga

Redux 미들웨어(Middleware)의 일종으로, 비동기 작업을 처리하기 위한 라이브러리이다. Redux Thunk와 마찬가지로 Redux 액션 객체 내에서 비동기 작업을 처리할 수 있다.제너레이터(generator)를 이용하여 비동기 작업을 처리하기 때문에, 비동

2023년 4월 5일
·
0개의 댓글
·

redux - redux thunk

Redux 미들웨어(Middleware)의 일종으로, 비동기 작업을 처리하기 위해 Redux 액션 객체 내에서 함수를 반환할 수 있게 한다. Redux Thunk를 사용하면 Redux 액션 객체를 반환하는 대신에, 함수를 반환할 수 있으며, 이 함수는 Redux 디스패

2023년 4월 5일
·
0개의 댓글
·

Redux - Redux devtools

리덕스 애플리케이션의 상태 변화를 모니터링하고 디버깅하기 위한 브라우저 확장 프로그램이다.Redux DevTools는 Chrome, Firefox, Safari, Edge 등 다양한 브라우저에서 사용할 수 있으며, 크게 세 가지 기능을 제공한다.Time Travel:

2023년 4월 3일
·
0개의 댓글
·

SPA - SPA란?

단일 페이지 애플리케이션을 의미합니다. SPA는 전통적인 웹 애플리케이션과 달리, 하나의 HTML 페이지와 JavaScript, CSS 등의 리소스를 로드한 후, 서버에서 필요한 데이터를 받아와 동적으로 화면을 업데이트하는 방식으로 동작합니다.페이지 이동 없이, 클라이

2023년 4월 1일
·
0개의 댓글
·

SSR - 서버사이드렌더링

Server-Side Rendering의 약어로, 서버 측에서 웹 페이지의 HTML, CSS 및 JavaScript와 같은 정적 콘텐츠를 렌더링하여 클라이언트 측에서 이를 다운로드하는 것이 아니라, 서버에서 렌더링된 HTML을 전달하는 기술을 말한다.웹 페이지가 로드되

2023년 4월 1일
·
0개의 댓글
·

Next.js-nextjs란

React 기반의 서버사이드 렌더링 프레임워크. 서버사이드 렌더링을 지원함으로써 초기 로딩 속도를 개선하고 검색 엔진 최적화(SEO)를 용이하게 한다.페이지 기반 코드 스플리팅, 자동 코드 분할, Hot Module Replacement 및 정적 파일 제공과 같은 고급

2023년 4월 1일
·
0개의 댓글
·

Babel이란?

자바스크립트 코드를 변환(transpile)해주는 도구이다.ES6부터 추가된 새로운 문법들을 예전 버전의 자바스크립트 문법으로 변환하여 사용할 수 있게 해준다. 이를 통해 새로운 기능들을 지원하지 않는 브라우저에서도 실행이 가능하게 된다. 또한 다양한 환경에서 자바스크

2023년 3월 26일
·
0개의 댓글
·

Webpack이란?

웹 애플리케이션 개발을 위한 모듈 번들러(module bundler)이다.웹 애플리케이션을 개발할 때, 다양한 파일들을 사용한다. JavaScript 파일뿐만 아니라 CSS, 이미지, 폰트 등 다양한 파일들을 사용할 수 있다. 이러한 파일들을 모듈이라 한다.모듈들을 하

2023년 3월 26일
·
0개의 댓글
·
post-thumbnail

React - NavLink

사이드프로젝트로 쇼핑몰을 만들고 있는데 메뉴를 클릭시 색이나 사이즈를 변경하고 싶었다usestate를 사용하려 구현할려 했지만 더 편한 방법이 있을꺼같아서 찾아보았다.구글링을 하던 중에 react-router-dom에서 link 하고 navlink를 지원해준다는 것을

2023년 3월 23일
·
0개의 댓글
·

react-native- terminal로 스마트폰 빌드시키기(feat.adb)

현재 어떤기기가 서버를 사용하고있는지 알려준다해당 서버를 그 기기에 꽂아준다

2022년 10월 25일
·
0개의 댓글
·

React-Native-watchman warning: Recrawled this watch 1 times, most recently because:

react-native를 안드로이드 스튜디오에서 npm start로 실행했을때 생긴 오류를 관해 다루어 보았다해결방법https://facebook.github.io/watchman/docs/troubleshooting.html$ watchman watch-de

2022년 10월 23일
·
0개의 댓글
·

React-native - Error: spawn ./gradlew EACCES

안드로이드 스튜디오를 빌드하다가 시뮬레이터를 바꿨더니 생기는 오류를 다루어봤다해결:chmod 755 android/gradlew

2022년 10월 19일
·
0개의 댓글
·

React-Native- android error(SDK location not found. )

react-native init 프로젝트명을 하고 npm run android을 실행했을때 생기는 에러하고 해결법을 기록한다SDK location not found. Define a valid SDK location with an ANDROID_HOME environm

2022년 10월 18일
·
0개의 댓글
·

React-Native- no bundle error

m1 맥북으로 리액트 네이티브를 사용하는데 많은 오류가 계속뜬다그중 하나를 써보겠다metro-file-map: Watchman crawl failed.해결법: watchman 재설치brew reinstall watchman을 하고 재부팅 하니 해결되었다번외: 구글링을

2022년 10월 14일
·
0개의 댓글
·