React
-
[React Native] 환경설정 세팅 값 기록Frontend/React Native 2024. 5. 13. 16:17
React Native window 환경설정 세팅내가 세팅하면서 너무 고생을 했기 때문에 안 까먹으려고 핵심만 적어서 블로그에 기록해둔다.나의 환경에선 먹혔는데 다른 환경에서 먹힐지는 미지수. 만약에 cli로 한방에 돌아간다? 평소에 덕을 많이 쌓은게 아닌가 생각합니다.별걸 다해봐도 안된다?? 그러면 프로젝트를 새로 다시 만들고 다시 세팅을 시작하면서 기도를 열심히 드리자.기도메타밖에 없다 그땐.versionRN, expo 등등최근 24.05.08 expo SDK 51버전이 발표됐다.버전은 이런식으로 가져갔으며 이 글을 쓰고 있는 와중에도 버전 업데이트가 되어서expo의 버젼은 51.0.4가 되었다(...)window 환경에서 vsc로 진행하였다.npx create-expo-app [프로젝트 명]expo..
-
[CS] 1일차 상태관리를 왜 할까요?Frontend/FE CS 2024. 3. 4. 17:27
기술면접 예상질문 1일차 예상 질문 상태관리를 왜 할까요? 그리고 평소 state 관리는 어떻게 하시나요? 상태(state)란 무엇인가? React에서 상태관리를 어떻게 하느냐에 대한 답을 하기 전, 상태(state)란 react에서 무엇인가? 상태의 정의는 웹 어플리케이션을 render하는데 있어 영향을 미칠 수 있는 값 이다. react에서 페이지가 리렌더링 되는 가장 큰 예시 두가지는 props와 state이다. 상태가 렌더링에 영향을 주기 위한 값으로 존재하기 위해서는 한 가지 요소가 필요하다. 바로 동적인 값, 즉 변하는 값 이라는 조건이다. 그게 State 값이다. 간단하게 말해서 "변수"다. (주의* 변수는 변경되어도 화면이 바뀌지 않는다. 하지만 state는 변경되면 자동으로 화면이 바뀐다..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 25일차 - 4주차 수요일.스나이퍼 팩토리 2023. 6. 30. 02:51
4주차 2번째 수업 날. 1번째 수업 때 진행했던 리액트 라우터에대해 간단하게 복습하고 과제로서 주어졌던 무비웹 만들기에 대한 리뷰를 하였다. 다른팀들이 만든 것 들을 보니 이미 배우지않은 것들을 활용하여 굉장히 잘 만들었다. 벌써 리덕스를 사용하여 상태관리를 하기도 하고.... 저기에 리덕스를 쓸게 있나싶긴한데 이미 저렇게 활용한다는 거에 대해 놀랍다. 스피너도 넣은 팀도 있고 다들 열의가 넘친다. 오프라인으로 할걸 그랬나.. 그리고 이날은 오후에 프로젝트 설명도 같이 있었던 날이다. Custom Hook 1. 여러컴포넌트에서 공통된 로직을 재사용하기 위해 만들어진 함수 2. 일반적으로 use 접두사를 사용하여 이름을 지정 3. 커스텀 훅은 로직을 추상화하고 컴포넌트로부터 분리하여 재사용성과 코드 가독..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 19일차 - 과제 제출스나이퍼 팩토리 2023. 6. 25. 22:47
저번 과제로 만들었던 바닐라 자바스크립트 모먼텀을 리액트로 바꿔서 다시 만들기과제이다. 솔직히 바닐라 자바스크립트때 제대로 해놨다면 의외로 금방 끝날거 같았는데 금방 안끝나서 의문이다...???!!!?!?!? 결과물 제출 https://github.com/chasura416/Udemy_x_SniperFactory/tree/master/react/react_momentum GitHub - chasura416/Udemy_x_SniperFactory Contribute to chasura416/Udemy_x_SniperFactory development by creating an account on GitHub. github.com 생각보다 까다롭다. html처럼 한방에 다 때려박는 방식이 아니고 React스..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 6일차 - Git&Github 강의 후기스나이퍼 팩토리 2023. 6. 24. 23:47
깃헙강의 리뷰 Git & Github란 - 유튜브강의 스나이퍼 팩토리 제공 오전시간에 Git & Github 유튜브강의 링크를 제공받아 공부하였다. 1강 Git이란 파일의 히스토리를 왜 관리해야 할까 Github란 왜 Github를 사용해야 할까 내컴퓨터가 망가진다면? 여러명과 소스코드를 공유해야 한다면? 2강 Repository(레포지토리, 저장소) Git으로 관리하는 프로젝트 폴더 3강 commit(커밋) Git이 코드의 변화를 기록하는 것. - 소스코드의 변경사항을 한 단위로 묶어 기록하는 것 - 쉽게 생각하면, 타임라인을 만드는 것 세 가지 상태 Working Directory : 수정했지만, 아직 commit 되지 않은 상태 Staging Area : 수정된 파일을 다음 commit에 포함할 것..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 15일차 - html, css, js 복습스나이퍼 팩토리 2023. 6. 24. 21:46
3주차 첫날이다. 어느 덧 3주차가 시작했다. 점점 따로 챙겨서 공부해야 될 양이 많아진다. 대체적으로 강의시간때는 큰 틀을 잡아주고 그 흐름을 따라가면서 실습해본다. 그 후에 실습과정을 내 것으로 만드는 과정은 온전하게 스스로의 몫이다. 10주라는 짧은 기간안에 많은 것을 얻기위해서는 해야 할 일을 해야한다. 꾸준하게. (이것도 임시저장 해둔거 뒤늦게 포스팅.) HTML5 개념정리 수업시간 중 헷갈리거나 중요하다 생각하는 개념을 다시한번 정리하며 공부한다. 오전 수업시간은 전반적으로 저번주에 나갔던 HTML5, CSS, JavaScript 총 복습시간이었다. HTML, JS, CSS 작동순서 가장 기본이되는 동작 작동 순서이다. 이 순서를 이해하고 프로세스를 이해하고 깊이있게 적용하기 시작하면 좀 더 ..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 16일차 - 과제 제출스나이퍼 팩토리 2023. 6. 20. 23:39
거진 구글 확장프로그램 모멘텀의 클론 코딩 느낌이다. 뭔가 어려운건 없었는데 손에 안익는다는 게 정답이겠다. 뭐랄까 뭔가 뚝딱 뚝딱안된다. 짜증....... 이따가 고칠게 많다. 결과물 제출 https://github.com/chasura416/html/tree/master/ToDoList GitHub - chasura416/html Contribute to chasura416/html development by creating an account on GitHub. github.com 구글 크롬 확장 프로그램 momentum 클론코딩이다. 생각보다 까다롭다. 우선적으로 구현해야할 기능은 3가지다. 첫번째 기능은 메인 중앙에 실시간 시계이다. 이건 수업 실습시간에 했던 걸 응용해서 바로 적용하면 된다..
-
[유데미x스나이퍼팩토리] 10주 완성 프로젝트 캠프 프론트엔드(리액트/react) 9일차 - 과제 제출스나이퍼 팩토리 2023. 6. 13. 23:51
Safehomes 클론코딩 과제 제출 결과물 제출 https://github.com/chasura416/html/blob/master/safehomes/main.html GitHub - chasura416/html Contribute to chasura416/html development by creating an account on GitHub. github.com 말그대로 클론코딩이다 보니 최대한 클론하는데 집중을 하였다. header와 footer가 기본 뼈대라고 생각하여 먼저 끝내자고 생각했다. 그러나 생각보다 디테일하게 봐야할 점이 많아 쉽지않았다. css적으로 이해가 안가는 부분도 있고 아직 태그사용에 능숙치 못한 탓인듯 하다. 무엇보다 html 자체로 작업하다보니 코드가 점점 길어지면서 많이..