kasumil의 코딩 공작소

에러 해결 방법 suyou.tistory.com/154 React Native 학습 시 오류 문제 해결 노트 이번 프로젝트에서 리액트 네이티브로 모바일을 개발하기로 되었다. 그래서 우선 React Native를 학습하면서 생기는 오류들을 정리하려고 한다. 1. 안드로이드로 실행 시 오류 - 구글 플레이 라이센 suyou.tistory.com Google Play Licensing Library 설치를 해주자.

- 오늘 학습한 내용. npm install @react-navigation/native npm install @react-navigation/bottom-tabs 네비게이션 적용 - 오늘의 코드 내용. 하단 tab 네비게이션을 사용했는데, 해당 페이지 호출하는 데 있어서 매우 곤란했다. 일일히 호출 해줘야 하는 게 있었는데, 이를 안하고 싶었던 게 있었다 stack.screen 일일히 따로 그룹핑해서 화면을 뿌려주는건 감을 잡았는데, 이를 어떻게 보여줄 것인가가 문제였다. 구조는 stack 한개, tab 한개로 짰다. 문제점으로 1. stack을 호출하지 않는 컴포넌트로 이동시 navigation.navigate('특정 페이지')가 제대로 호출되지 않았다. 2. 위 문제를 해결하기 위해서 따로 해결하려..

이런 방식으로 작동되는데, php는 가장 쉬운 방식이 php => php로 이동하는 방식이나 고급 버전으로 php -> js -> php 이렇게 작동하는 방식이다. 리액트 쓰다가 php 쓰니까 힘들어 죽겠음... js도 id값이나 class 값 호출해서 하는 것도 불편하고... $(document).ready(function() { }); $(window).load(function(){}); // 과 동일하나 parser 속도는 전자가 빠르다

youtu.be/dlq1afe1ZX8youtu.be/dlq1afe1ZX8 위코드에서 적용하려고 뻘짓했으나 실패했던 코드인데 굉장히 쉽게 적용했다. 왜 고생했던거지?? 내가 그만큼 실력이 올라간건가????? 굉장히 쉽게 적용했다. 하지만, 로그인, 회원가입을 보면 리덕스에서 입력값이 초기화 되지 않는 부분이 있어 이를 수정하여 다시 적용할 필요가 있다. 회원가입이나 로그인에 나가기 버튼이 없는 것도 있고, src='public/image'를 useEffect로 호출하면 base64로 인코딩되어 글자로 들어오는 이미지들을 다시 이미지로 디코딩 하는 것을 몰라서 이를 어찌해결해야하나? 싶은 것도 있다. 이것이 해결되면 48장 사진을 인스타처럼 표시가 가능하고, 슬라이더로 볼 수 있으리라. 아직 이부분으 더 연..

슬라이더 기능을 작성중인데, 다 만들어놨는데 사진이 안뜨길래 뭐지? 했다. 알고보니 사진에 들어가야하는 부분이 string 타입으로 찍히고 있음. images폴더에 사진을 넣어놨는데 흠... 왜 그런것인가? 사진이 잘못된 건가 싶어 이미지 태그를 만들어 직접 찍어보니 잘 나온다. 문제는 타입이 string으로 찍혀서 그런것인가 추측 중. 이거 해결만하면 이번 페이지도 금방 끝나리라고 본다.

실질적으로 제작한지는 3일? 4일되었으나 어이없게도 호출을 이상한 곳에서 하고 있다보니 이렇게 늦어지게 되었다. 고수라면 그냥 응당 자연스럽게 넘어갈텐데 나는 실수를 했다. 원인은 컨테이너 컴포넌트를 호출해야했는데, 난 VIEW를 담당하는 곳이 프레젠테이션 컴포넌트이므로 당연히 프레젠테이션을 호출하고 있었다. 그러므로 인자값이 계속 넘어오지 않지.... 하....이거때문에 3일간 뻘짓하고 값 조회하고 그랬는데...좀 황당!! 그래도 성공했으니 이맛때문에 코딩 하는 것이지 ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ youtu.be/W05dYE0kkgY 리덕스 툴킷쓰면 더 편하다고 하는데, 아직 쓰지 않아서 잘 모르겠고, 이제는 작동이 잘되니까 ㅎㅎㅎㅎ TS에서 어떻게 적용해야하는 것인가도 문제긴 하다.

youtu.be/OGO4XtWl8Sc 작성한 내용. 소개부분에서 본문아래에 여백을 만듬. 다른 컴포넌트와 차별을 주기위해서 만듬. nav바가 width: 768이하일때만 렌더링되게 만듬. 사이드바를 클릭시에 해당 기능을 작동하게 만듬. footer와 구분하기 위해서 여백을 추가

위코드에 졸업한지도 오래되었지만, 요즘 코로나 시국이라 웹 개발자(코더)가 늘어나서 그런지 취업이 너무 힘들다. 기존에 내가 wecode에서 작업한 1,2차 회사홈페이지 클론으로는 도저히 취업이 힘들기에 나만의 작품이 있어야 한다고 판단. 그러므로 해당 페이지를 직접 만들어보기로 했다. 오랜만에 코드를 직접 치니 갑자기 막 헷깔려서 약간 헤매고 있다. 뭘 불러와야되더라? 이러고 있지만 구글링하니 바로 나와서 ㅎㅎ 글자 폰트는 뭐로 바꾸지? 이런 것들이 갑자기 생각이 안나서 깜짝 놀랐다. 뭐 그래봤자 바로 검색해서 찾아서 적용했고 말이다. 물론 리덕스도 잘 리덕스 데브툴즈 연동했다. initialState값을 적용해서 해당 값을 잘 읽어오고 있다. (리덕스는 처음 적용중이라 action 함수쪽에서 뭘로 적..

방법은 간단했다. 프론트엔드단에서 npm build나 yarn build로 정적 파일을 구축하고, 이를 서버측에서 이러한 파일을 사용할 수 있도록 라이브러리(koa-static)를 설치하여 정적파일을 읽는 기능을 구현하여 소비자가 요청시에 해당 프로그램을 읽게 연동시키면 된다. 이를 몰라서 어떻게 구현하나 고민이 많았는데, 간단했다. const buildDirectory = path.resolve(__dirname, "../../blog-frontend/build"); app.use(serve(buildDirectory)); app.use(async ctx => { // Not Found이고, 주소가 /api로 시작하지 않는 경우 if (ctx.status === 404 && ctx.path.indexO..

메서드 설명 GET 데이터를 조회할 때 사용합니다. POST 데이터를 등록할 때 사용합니다. 인증 작업을 거칠 때 사용하기도 합니다. DELETE 데이터를 지울 때 사용합니다. PUT 데이터를 새 정보로 통째로 교체할 때 사용합니다. PATCH 데이터의 특정 필드를 수정할 때 사용합니다. update와 replace 함수는 용도는 비슷하지만 구현 방식이 다릅니다. update(PATCH)는 기존 값은 유지하면서 새 값을 덮어 씌우는 반면, replace(PUT)은 Request Body로 받은 값이 id를 제외한 모든 값을 대체합니다. # 요청 PATCH http://localhost:4000/api/posts/1 { "title": "변경됨" } # 결과 { "id": 1, "title": "변경됨",..