본문 바로가기

STUDY40

노마드 코더 REACT NATIVE 강의 정리 1 https://nomadcoders.co/react-native-for-beginners 왕초보를 위한 React Native 101 – 노마드 코더 Nomad CodersReact Native로 2개의 앱 만들기nomadcoders.co 노마드 코더 React Native강의를 보고 요약 정리하는 글 실제로 제대로 코딩하기 위해서는 안드로이드 스튜디오, JAVA, 안드로이드 SDK등을 설치해야함대신 강의에서는 EXPO를 사용해서 간단하게 실습리액트 네이티브 소개  React Native 앱은 JavaScript뿐만 아니라 운영체제와 통신할 수 있는 인프라(Bridge 등)를 포함하고 있어 Java와 Xcode 설치가 필요하다. 그러나 Expo를 사용하면 복잡한 설치 과정 없이 React Native 코.. 2024. 8. 27.
프론트엔드 기술 면접 질문 정리 프론트엔드 면접에서 나올 수 있는 질문 정리 1 자기소개 개발자가 되려는 이유 이 회사에 지원한 이유 본인의 장단점 회사에 대해 궁금한 점  2 웹브라우저의 렌더링 과정https://usagi-coding.tistory.com/56 웹 브라우저의 렌더링 과정 이해하기우리가 웹사이트에 접속할 때, 브라우저는 복잡한 과정을 통해 웹페이지를 화면에 표시합니다. 이 과정은 '렌더링'이라고 불리며, 여러 단계로 나누어져 있습니다. 웹 브라우저가 어떻게 웹페이usagi-coding.tistory.com주소창에 구글https://usagi-coding.tistory.com/61 주소창에 google.com을 입력하면 일어나는 일?!주소창에 `google.com`을 입력했을 때 일어나는 과정을 단계별로 알아보자! 1... 2024. 8. 22.
리액트에서 줄바꿈 처리하는 방법 - CSS white-space 속성 쓰기 리액트에서 줄바꿈 처리하는 방법 - CSS `white-space` 속성 쓰기리액트로 개발하다 보면 텍스트 부분에서 줄바꿈이 제대로 안 돼서 열받잖슴?줄 바꿈 넣겠다고 \n넣고 해도 적용이 안됨...근데 해결법 간단함. 그거 `white-space` 속성 하나면 됨. 문제 상황 예를 들어, 우리 데이터가 이렇게 있다고 치자:const projectslist = [ { id: 1, type: "team", title: "GROW UP", description: "화면이나 캠을 공유하며 다른 사람과 함께 공부할 수 있는 웹 사이트입니다.", descriptionDetail: `GROWUP은 화면이나 캠을 공유하며 다른 사람과 함께 공부할 수 있는 웹 커뮤니티 사이트입니다.\n .. 2024. 5. 27.
[NEXTJS error] 동적 라우팅을 사용할 때 asset이미지 404 엑스박스 에러 경로를 동적으로 /project/[id] 로 설정했더니 새로고침하니까 어셋 이미지가 전부 404 가 뜨면서 경로를 제대로 인식하지못했다. 해결법 이런식으로 적은 경로를 /를 추가해서 고쳐주면된다.! 2024. 4. 21.

티스토리툴바