반응형

분류 전체보기 160

[React] Uncaught TypeError: Cannot read properties of undefined (reading 'map')

여느때처럼 React복습을 하고있는 나.오늘도 어떤 반가운 오류를 조우하게되었다Uncaught TypeError: Cannot read properties of undefined (reading 'map')The above error occurred in the  component:Uncaught TypeError: Cannot read properties of undefined (reading 'map') ==> 대충 undefined에 map을 사용하고있다라는 뜻 !!!코드는 아래와같다.(정확히는 {movie.genres.map(... 부분} {movies.map((movie) => ( {movie.title} ..

재학습/오류 2022.02.03

[React] Select Option의 Value 속성에 Object를 어떻게 다룰 수 있을까?

{coins.map((coin) => { return ( {coin.name} ({coin.symbol}) ); })} 변수 coins : 비트코인객체의 리스트 selectedCoin : 선택된 코인객체 배경 1. select요소 내부에 map을 이용해 출력되는 option은 value속성으로 각 coin객체를 담고 있다. 2. onClickCoinsOptionHandler함수를 통해 셀렉트박스에서 선택된 옵션의 coin객체를 새로운 seletedCoin으로 바꿔주려고한다. 문제흐름 onClickCOinsOptionHandler로 전달된 event객체를 살펴보면 아래와 같다. 선택된 코인객체의 값이 담겨있을 target을 펼쳐보면 아래와같다. (Select박스 내 모든 코인객체와 다른 속성들도 많으니 핵..

재학습/오류 2022.01.28

[React] Each child in a list should have a unique "key" prop.

Each child in a list should have a unique "key" prop. 해당 오류는 리액트를 사용하며, LIST를 JSX를 사용하여 UI에 출력할 때 발생한다. {toDoList.map((element) => { return {element}; })} toDoList라는 Javascript List를 map함수를 이용하여 각 리스트 요소마다를 {element} 로 변환하여 반환해주는 작업이다. 결과적으로는 위와같이 성공적인 동작을 보장하지만, 콘솔에서는 아래와같은 에러 로그가 찍히게된다. 이것은 생성되는 각 요소들마다 unique한 key 속성이 필요하다는 의미이다. 요소들마다 고유의 key값을 넣어줘야 되므로 고민이 있겠지만.. 우리가 사용하는 map함수를 살펴보면 위와같은데,..

재학습/오류 2022.01.26

[nginx or Linux] nginx 오류 An error occurred.

오류 내용을 살펴보자면, 에러를 살펴보란다. An error occurred. Sorry, the page you are looking for is currently unavailable. Please try again later. If you are the system administrator of this resource then you should check the error log for details. Faithfully yours, nginx. 1.nginx restart nginx오류가 간간히 나긴 했는데, 대부분 OOM 문제였다.(메모리 초과) 그때는 관리자권한으로 서버를 접속하여 COMMAND :: /etc/init.d/nginx restart 위 커맨드를 사용했다. nginx는 rest..

재학습/오류 2022.01.25

[node] node version 업데이트

create-react-app을 사용하여 프로젝트를 만드려는 때에 오류가 발생했다.찬찬히 읽어보니 노드 버전이 낮다는 것.따라서 노드 버전을 업데이트 해줘야 했다. 1)node -v (버전확인) 2)npm cache clean -f (npm 캐쉬삭제) 3)npm install -g n (노드 버전관리 플러그인 n) -노드버전관리 플러그인인 n을 설치해준다. 4)n lts (n을 사용하여 설치 lts-lts버전) -n을 사용하여 lts버전을 설치한다. (*LTS - Long Term Support) 그 후에 create-react-app 수행 시 정상 작동함을 확인할 수 있었다.

재학습/오류 2022.01.25

센치한 감정을 느끼고싶다

외부적인 요인때문에 우울감을 느낄때 말고, 나 스스로 울적해지거나 괜히 센치해질 때가 과거에는 많았다. 그때는 분위기나 대화, 그리고 음악을 들을 때에도 쉽게 센치함을 느낄 수 있었다. 그때는 그 센치함을 즐기기도 했지만, 즐기기 보단 경계를 더 많이했다. 센치함을 느끼면 너무 감정적인 사람이 되곤 했기 때문이다. 내가 해야할일이 많은데 감정적이게 되어버리면 생산적인 활동을 하지 못하는 것 같았다. 감정적이게 되어버릴 때 열중하게 되는것은 글쓰기였다. 주로 내 감정에 대한 글이나, 평소 생각해왔던 고찰거리에 대해 써나갔다. 그래서 그때는 내 자신에 대한 이해가 높았었다. 생각이 풍부했었고 주관도 뚜렷했다. 그런데 앞서 말했던 것 처럼, 내 장래를 위한 생산적인 활동을 하지는 못했다. 그래서 그 빈도를 줄..

앱 to 앱 공동인증서 이동

대상 공동인증서를 앱 간 공유하고싶은 사용자 중 -스마트폰PC 내보내기 가져오기가 불가능한 MAC사용자 -PC경유없이 앱 간 공유하고싶은 사용자 배경 1.나는 Mac사용자이다. -공동인증서 스마트폰->PC복사를 이용할때에는 증권사마다 보안프로그램을 설치하는데, 대부분 MAC지원을 안함 2.스마트폰으로 특정 증권사 A어플리케이션에 발급받은 공동인증서가 있었다. 3.스마트폰으로 특정 증권사 B어플리케이션에 공동인증서를 발급받자 A어플리케이션에 등록되었던 공동인증서가 폐기되었다. 4.근데 나는 A어플리케이션 B어플리케이션 둘 다 사용해야 한다. 목표 B어플리케이션에 있는 공동인증서를 A어플리케이션에 등록하고싶다. 해결방안 1.A어플리케이션에 있는 '타기관 공동인증서 등록'기능을 사용하여 B어플리케이션에 있는 ..

재정보 2022.01.22

메인 개발자의 첫 서비스 배포까지

[신입개발자인 내가 메인개발자?]우리 팀은 리소스가 턱없이 부족하다. 입사한지 얼마 안되었지만 팀 내 메인 서비스의 서브 개발자로 바로 투입되어 백엔드 개발을 수행했던 나.피곤했지만, 나의 롤모델이 메인개발자로 있었기에 의지되었고 함께여서 기뻤다.또 나의 동기도 서브 개발자로 투입되었던 프로젝트였기 때문에 빠듯한 일정이였지만 좋은 결과를 내었었다. 그래, 육체적으로 정신적으로는 힘들었지만 나를 성장 시키기에는 좋은 조건이였어!서브 개발자로서 롤모델 옆에서 진공청소기마냥 모든걸 빨아들여야지.최고의 서브 개발자가 된 다음, 메인 개발자로 단번에 올라갈거야!! 라고 생각했던 나. 나와 롤모델, 내 동기가 투입되었던 서비스의 다음 개발 일정이 잡혔고,그 기능의 메인 개발자는  바로 나..였다. 메인개발자가 되고..

[멀티 비타민] 라이프 익스텐션 투 퍼 데이 멀티비타민

필자는 저번에 라이프익스텐션의 밀크씨슬제품을 섭취한적이 있었다.효과가 있는지는 모른다. 그렇지만 야무지게 섭취했다. 밀크씨슬을 거의 다 섭취할 무렵부터새로운 영양제로 뭐가좋을까에 대한 고민이 있었다. 이제 술을 많이 먹지 않는 나.금주의 의지가 있었으나, 극단적인 금주목표는 오히려 현실불가능해졌다는걸 꺠달았다.그래서 지금은 절주다. 절주여도 정말 잘 하고있다. 일주일에 한번정도 마시면, 잘하고있는거 아니겠는가 ^^오히려 실현가능한 목표이기때문에 잘 지키고있다. 본론으로 돌아와서,간은 그래도 잘 챙기고 있기때문에 밀크씨슬은 더 이상 필요하진 않을것같다.그래서 뭐가 필요하느냐..사실 아연이.. 조금 끌렸다..ㅎㅎ;아연이 남자한테 좋대서..뭐 쓸곳은 없지만.. 미리준비해서 뭐가나쁜가 ㅎㅎ [왜샀어]아연에 꽂혀..

재습관/건강 2021.12.16

Work Life Blending?

Work Life Balance 일과 삶의 균형이라는 뜻이다. 일과 삶에 경계를 두어, 취미가 되었든 자신만의 삶을 영유하고 싶다는 하나의 트렌드다. 나는 어떤것이 되었든, 내가 처한 환경에따라 맞춰간다. 일이빡세면 많은 경험을 할 수 있구나.. 일이없으면 공부할 시간을 확보할 수 있겠구나 or 여유를 찾을 수 있겠구나... *상황이 적절할때의 이야기이다. 극단적이거나 나를 옥죄이는 다른 환경요소들이 있다면 언제든 바뀔 수 있겠지. 나의 최근동안의 삶은 Work Life Balance였다. 여러 일들을 겪고 나 자신을 위로해주는 시간을 보내고자 하는 마음가짐도 있었지만, 수행해야할 일도 상대적으로 적었고, 눈 앞에 닥친 걱정거리도 많이 줄어든 상태였다. 일과 삶의 경계가 확실했었다. 그러다가 요즘은 나의..

반응형