결론적으로 많이 힘들었다.나는 기존 intel칩 기반 맥북프로를 사용하고 있던터라, 개발환경 설치에 힘든점은 딱히 없었다.근데, 이 M2칩 기반의 개발환경 셋팅은 내가 쌓아온 경험과 다소 벗어났었다.나도 빠릿한 M2칩을 사용해서 개발 할 수 있겠다는 희망과 꿈을 갖고

React native maps라이브러리를 테스트 하는 중, 발생한 오류를 남기기 위한 포스트.에러 경로 in IOSnpm i react-native-mapspod installPodfile 수정AppDelegate.mm 수정pod install (!) Got Erro

말머리 RN(React Native)과 React의 작업 방법은 대부분 비슷했다. React를 공부하지 않고 RN을 바로 공부해도 되겠다 생각하기도 했다. (물론 React기본기를 익히면 훨씬 수월 하다) RN 홈페이지 를 기준으로 기본적인 컴포넌트 사용법을 테스트

찍먹은 그만 React를 공부할때 부터 앱에 관심이 있었다. 그래서, 흥미로운 포스트를 보면 한번씩 React native를 설치해보곤 했다. 그게 끝이었다 이번엔 실제로 앱을 만들어 배포까지 진행해 볼 계획이다. 이유는 크게 0가지다. React 친숙도 증가 V

말머리 나의 맥의 업데이트가 많이 늦어져 native 환경을 셋팅하는데 많은 이슈가 있어 글을 남긴다. 이 글은 아래 포스트를 참고로 개발환경을 셋팅하며 마주한 이슈와 작업 방식을 남기는 용도이다. 링크 : 맥(Mac)에 react native 개발환경 구축하기

회사에서 대시보드를 만들었다. 작업은 chat.js 사용차트를 접하게 될 일이 많이 없어서, 상당히 스트레스를 받았던 기억이 난다.그래서, 몇 가지 차트 라이브러리를 연구해 볼 수 있도록 연구소(?)를 차렸다.구글링 기준, React를 사용하지 않더라도 몇몇 괜찮은 비

마이페이지에서 제공하는 내용은 내정보, 내가 작성한 글이다.작성한 글을 조회하여, 게시판 처럼 보이도록 작업했다.이번에 게시판 형태의 pagination을 처음 작업 해봤다.게시판 형태로 내가 작성한 글을 보여주기 위해, 아래와 같은 구조로 컴포넌트를 개발했다.게시판

공통 style-component 작성.input, button, title 영역회원가입, 로그인, 마이페이지 스타일 추가마이 페이지 pagination 구현회원가입 및 로그인과 마이페이지는 기능만 만들고 스타일은 전혀 입히지 않았다.사람도 이쁘고 잘생기면 호감이 가

개요 기존 [side project]에서 목표했던 기능중 일부를 기능을 구현하고, 나머지 기능들은 다음 프로젝트에 구현하기로 변경했다. 이유 1. 영양가 없는 프로젝트 사이드 프로젝트를 진행하면서, redux , typescript , 기타 라이브러리에 대한 경험이

create-react-app 사용npx create-react-app social_login --template typescripthttps://console.cloud.google.com/projectcreate프로젝트 생성OAuth 동의 화면 설정앱 정보

회원 정보를 다루고 싶지 않을 경우, 소셜 로그인으로 대체하려 공부 및 작업 과정을 남긴다.구글카카오네이버로그인로그아웃

말머리 Notification(알림) 기능을 만들면서 접하게된 이슈와 해결 한 방법을 정리한다. 비동기 처리 상황은 아래와 같다. > 게시글에 댓글 달림 게시글의 작성자에게 알림 보냄 (이건 실시간이 필요 없다 생각해서 DB Table로 만듬) 알림 확인 및 알림 제

// 게시판 작업에 관한 정리

서론 없이 우선 구조를 살펴보자.리덕스는 도로규정으로 비유하자면 일방통행길 이다. (Flux 구조)무조건 한 방향으로 이동하게 되어있다.또한, 한 방향으로 이동하지 때문에, 불변성을 유지한다.타 포스트 글에 자세히 나와있지만, 내가 느끼는 Redux의 동작순서는 아래와

매번 비슷한 이유로 같은 정보를 찾는 노동이 잦아졌다.같은 정보를 검색, 테스트 및 확인의 절차를 진행하는건 매우 비 효율적이었다.그래서 검증된(사용해본)정보를 바로 확인하여 사용할 수 있도록 정리하고자 한다.끝.

useSelector와 useState를 병행하여 사용할 경우, store의 값이 정상적으로 반영되지 않는 문제가 있었다.무자비한 구글링 및 삽질을 끝으로 해결하여, 그 방법을 작성한다.

뒷단 작업을 위한 index.js를 작업한 정보를 정리했다.index.js 추가backend폴더 하위에 index.js를 만든다.그리고 express서버를 실행시키기 위한 간단한 코드 작성해보자.package.json파일을 열면 script영역에 "test:..."라는

개발 환경은 React와 Next중 React를 사용하기로 했다.왜 React인가사용 목적에 Next까지 사용할 필요가 없었기 때문이다.사내용.SEO(검색 엔진 최적화) 불필요.반대로 Next의 아래 기능을 사용하지 못하는건 아쉬웠다.편한 라우터 설정코드 스플리팅우선

window환경에서 Node 개발 환경 구축중에 발생한 이슈 및 삽질 정리

회사 내부에서 사용할 그룹웨어를 만들자는 제안이 있어 이 글을 작성한다.개인적으로 아래 기술 스택을 이용한 개발을 자주 접해봤지만, 회사 내부용으로 작업해보기는 처음이다. (공식적인 것은 아님)하여 완성을 목표로 하고, 프로젝트가 진행될 수록 많아지는 이슈 및 정보를