TIL

[TIL] 22.01.27

김쨔뿌 2022. 1. 28. 00:25

모레면 주말..수요일까지 설날휴일..!

 

오늘의 공부

 

노마드코더 리액트 네이티브 초급 강의 1.7강 완료.

 

- expo 기본 셋팅

$ expo init 프로젝트명칭

무슨 템플릿으로 할 지 뜨는데 맨 위의 blank 템플릿 선택 후 엔터.

$ expo login

expo 에 가입한 계정의 유저네임과 비밀번호 입력

 

$ npm start 
혹은 
$ yarn install

브라우저에 localhost:19002 열고 깔아둔 expo 어플을 열어서 내가 생성한 프로젝트가 있는 지 확인.

프로젝트 탭 후 열리는지 확인.

 

! 열리지 않는다면?

localhost:19002 페이지의 좌측하단 connection 을 Tunnel로 설정하고

다시 어플로 들어가서 새로고침. 

링크가 기다란 새로운 프로젝트가 생기면 탭.

 

기본 셋팅 후 App.js 에서 내용물을 변경하고 저장하면 바로바로 반영됨. 와!

 


회사에서 정규식에 대해 좀 알아봄

 

자바스크립트에서 정규식 사용법

const regex = new RegExp(정규식);

regex.test('테스트 문장') //true 혹은 false 반환

.test 말고도 이런저런 함수 있음.. 자세한 정보 리턴해주는 exec, match / test랑 비슷하지만 문자열 못찾으면 -1 반환하는 search/ 찾은 문자열을 다른 문자열로 바꾸는 replace/ 문자열을 나눠주는 split.. 이 있지만?

난 test 만 썻음. 개선의 여지가 있을..거같은 느낌적인 느낌.

 

내가 쓴 정규식은 꽤 간단함.

const A = /aaa\.com/;

바로..다름아닌 저 백틱. 백틱 뒤에 알파벳이 오면 해당 알파벳에 맞는 기능을 하지만 특수문자가 오면 특수문자를 그대로 출력해줌.

즉, 백틱이 없었다면 .이나 /나 + - * ... 등등 각자의 역할을 가졌겠지만 백틱이 특수문자의 기능을 없애고 문자로 인식해줌. 와~

 

그 외에 이것저것 있는데 필요성을 느끼질 못해서 안씀. 그리고 누군가 검색으로 들어와서 보아도 내 글보단 정규식의 경우에는 MDN 문서 보는게 젤 편함.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions

 

정규 표현식 - JavaScript | MDN

정규 표현식은 문자열에 나타는 특정 문자 조합과 대응시키기 위해 사용되는 패턴입니다. 자바스크립트에서, 정규 표현식 또한 객체입니다.  이 패턴들은 RegExp의 exec 메소드와 test 메소드  ,

developer.mozilla.org

 

오늘의 작업

 

회사 일.

모바일 페이지 어느정도 만들었는데 알고보니 데이터가 쫌 달라서 수정..하다가 컴포넌트까지 수정해야겠어서 컴포넌트 수정하니 다른 페이지들 컴포넌트 싹 에러나서 고침.

근데 새로 데이터 넣으니까 데이터 양이 늘어나고 줄어듬에 따라 예상하지 못한 부분에서 스타일이 깨짐.

그거 다시 만지다가 퇴근했음. 내일..벌써오늘이네 뭐임? 오늘 출근하면 작업할 예정.

'TIL' 카테고리의 다른 글

[TIL] 22.03.30 얼마만의 TIL..!  (0) 2022.03.31
[TIL] 22.02.0.....3?  (0) 2022.02.04
[TIL] 22.01.25  (0) 2022.01.25
[TIL] 22.01.19  (0) 2022.01.19
[TIL] 22.01.18  (0) 2022.01.18