-
[React] 띄어쓰기의 중요성 ✔️
에러 확인 이미지 갤러리를 클론코딩하던 와중에 발생한 에러이다. 아래와 같이 사용자가 추가한 이미지가 row 형태로 나열되어야 하는데, 내가 작성한 프로젝트에서는 column 형태로 나열되어 출력되고 있다. 이미지가 추가되는 부분을 개발자도구를 열어 확인해 본다. 해당 코드를 열어 확인해보자. 이상한 부분이 있다. 이미지가 추가되었을 때 ‘row’ 라는 클래스를 생성해 주었는데, 개발자도구에서 확인해 보니 앞의 클래스와 합쳐보이게되어 ‘row’ 클래스에 부여한 스타일이 적용되지 않는것 같다. 에러 해결 개발자도구에서 확인했던 className 에 공백을 추가하여 클래스...
-
[Git] Commit & Push 중 에러
여느 때와 같이 수정 사항을 푸시하기 위해 파일을 추가하고 커밋과 푸ㅅ.. 응? 에러 확인 처음 보는 에러가 날 반긴다. error: pathspec ‘[FIX] typeError’ did not match any file(s) known to git 에러를 구글에 검색 해 보니, 브랜치가 업데이트 되지 않아 생기는 에러라고 한다. 먼저 status 로 스테이징 영역을 확인해본다. 수정한 파일은 정상적으로 올라갔는데, 다른 파일들이 올라가지 않았다. 혹시 vscode 의 setting.json 파일을 건드려 이전 버전과 충돌이 생긴건아닐까 싶어 검색한 해결책을 실행해본다. $ gi...
-
[React-Native] SafeAreaView 를 활용해 expo 앱에 그리기
에러도 아닌것이 뭔가 이상한거..😇 expo 앱을 설치 후, 화면에 보이는 View 영역에 생성한 컴포넌트를 보여주려 한다. 코드를 작성 후 expo start 명령어를 통해 앱을 실행시키면, 왼쪽 위 상단에 작성한 텍스트가 표시되고 있다. 이 부분을 검색 해 보니 ‘노치 영역’ == ‘상단바’ 라고 한다. 어떻게 하면 노치 영역에서 벗어난 영역에 컴포넌트가 시작될 수 있을까? SafeAreaView ✨ 바로, 부모의 최 상단 컴포넌트를 안전한 영역부터 그리게 해 주는 SafeAreaView 를 이용할 것이다. 다음과 같이 View 영역을 SafeAreaView 로 바꾸어 렌더링 해 주면, ...