분류 전체보기
-
React 웹페이지 복제과제 Bweb/react 2023. 1. 28. 09:17
이전 과제내용을 블로그에 서술하던 중 코드가 이미 꽤 진행되어 있어 설명하기 어려운 부분이 많았다.글작성 후 사람인에 들어가보니 비슷한 과제가 또 있기에 실시간으로 블로그를 작성하며 해보려고 한다과제를 하기 앞서 사람인은 알람시스템을 수정하든 아니면 등록한 회사가 따로 연락을 넣든 하는게 좋을거같다 직접 뒤적거려 봐야 알수 있으니 아니면 아직 내가 배가 덜고픈 걸 수 도 있고 또한 시작하기 앞서 이 글은 처음부터 시도해가면서 문제에 부딪치면 해결해 나가는 과정까지 모두 서술하므로 교육용으로는 적합하지 않고 과도하게 길어질거 같다 과제는 이렇다이페이지와이 두페이지를 만드는건데단 필수 사용 라이브러리공통styled-components리액트 의 경우gridreact-router-domreact-icons리액트..
-
React 웹 페이지 복제 과제web/react 2023. 1. 26. 07:16
이력서를 넣던중 과제를 하나 받았다 https://datalab.labangba.com/recruit 이 웹페이지를 복사해서 git 공유를 해달라는건데... 코딩테스트는 도무지 자신이 없던나는 괜찮다고 생각이 들었고 정체되있던 블로그 올리기에도 좋아보였다 자신만만한 마음으로 시작 리액트로 만들어야 하니 리액트 프로젝트를 하나만들고 구현해야할것은 크게 1. 헤더 네브바 2. 테이블 3. 테이블 데이터 불러오기 4. 테이블 그래프 구현 5. 푸터 6. 반응형으로 모바일까지 구현 이 되시겠다. 먼저 헤더를 편하게 만들어보자 react bootstrap에 접속한다 https://react-bootstrap.github.io/ React-Bootstrap The most popular front-end frame..
-
express로 서버를 만들어 보자 2web/BackEnd 2022. 10. 9. 23:14
여러모로 골치가 아팟다 지금 데이터가 배열로 넘어가나 싶다가도 객채로 넘어가고 정신이 없는 와중에 아주 좋은걸 찾아 냈는데 그이름하여 포스트맨 https://www.postman.com/ 이놈으로 데이터를 아주 쉽게 주고받아 볼 수 있다 사실 이놈을 다른강의 들을때 잠깐 써봣었는데 코드 복붙보다 직접 부딛히며 용을 쓸때 더욱 그 가치가 빛나는거 같다 설치는 공식홈페이지를 참조하고 사용법은 아주 간단한데 밑줄친곳에 보낼 서버 주소를 입력하고 보낼때는 POST 바디로 보내니까 바디에 보낼 데이터를 적은 후 센드 그럼 에러가 난다! 여기서 무엇을 알수 있는가? 난 잘못된 데이터를 보내고 있거나 서버측에서 받을 준비가 되지 않았다는것! 둘중하나 할일은 똑같다 내가 보낼 데이터는 확실하게 Lng, Lat 즉 지도..
-
express 로 서버를 만들어 보자web/BackEnd 2022. 10. 5. 07:42
글쓰기에 앞서 한가지 밝히는데 이건 정답이 아니고 나의 개발 과정이며 실시간으로 코드작성과 글작성을 같이하고 있다 이글에 끝에가서 재대로 작동이 될지 안될지는 아직 모르니 자신의 문제와 비슷하여 코드 복사 붙여넣기를 하려고 이글을 읽고 있다면 도움이 되지는 않을것 같다 지금 낚시 관련 web을 제작중인데 이걸 나 혼자서라도 실사용 하려면 서버가 필요하다 근데 백엔드는 전혀 모르는 나....... 관련 유튜브를 보면서 같이 한번 해보자 https://www.youtube.com/watch?v=d6suykcsNeY 먼저 express를 제일 많이 쓰는거 같으니 express를 써보려고 한다 설치는 다 알다시피 npm i express 그리고 npm에 들어가서 샘플코드를 보자 const express = re..
-
reactkakaoMapSDK 사용해보기 클릭한 위치에 마커 표시하기web/react 2022. 10. 5. 01:32
react로 kakaoMap을 사용해 낚시정보 web(예: 제주도 애월읍에서 참돔을 잡았다를 지도에 표시)을 만들어보려고 하는데 눈에 띄는 SDK가 하나 있었다 한번 사용해보자 https://react-kakao-maps-sdk.jaeseokim.dev/ 듀토리얼을 보면 설치는 이렇게 나와있다 npm install react-kakao-maps-sdk # or yarn add react-kakao-maps-sdk 난 npm을 쓰니까 npm 으로 설치를 해보자 내 react는 별다른 코드도 없고 설치한 sdk도 없어서 거의 새거나 다름없는데 이상태는 뭔가 위험해보인다 나중에 골치아파 질거 같으니 하라는대로 npm audit를 때려주자 이게 아닌데.... npm audit fix로 다시해보자 캡처는 못했지만..
-
react로 카카오맵 사용하기web/react 2022. 10. 3. 07:53
리액트와 카카오맵을 활용 어느곳에서 어떤고기를 잡았는지 기록할 수 있는 낚시꾼 페이지를 만들어 보고자 한다 네이버지도와 카카오맵 둘중 고민되었는데 카카오 개발자페이지가 좀더 보기 편한거 같아 카카오맵을 선택했다 바로 가보자 우선 리액트앱을 새로 생성한다 creat-react-app map-test 로 시작했다 다음으로 카카오 개발자페이지에서 회원가입후 APP KEY를 발급해준다 https://apis.map.kakao.com/ 준비가 끝났다면 카카오맵 API가이드 페이지에서 시작해보자 javascript기준으로 설명이 되어 있는데 우리는 react를 사용할 것이기 때문에 코드를 react에 맞춰 넣어줘야 한다 예시로 javascript코드 전체를 볼 수 있는데 이게 카카오에서 설명하는 지도 띄우기 코드 ..
-
Objects are not valid as a React child 에러 처리web/react 2022. 9. 29. 02:08
react에 대해 기초부터 다시 쌓고 싶은 마음에 강의를 하나 듣고 있는데 코드 붙여넣기 수준임에도 에러가 날때가 종종 있다 이번에 꽤 이른 시간에 찾아왓는데 거의 초반부분인 props 부분이엇다 const expenses = [ { id: 'e1', title: 'Toilet Paper', amount: 94.12, date: new Date(2020, 7, 14), }, ] 이러한 배열에서 return ( Let's get started! ) 이런식으로 배열의 데이터를 props 를 통해 가져오는 부분이엇는데 Objects are not valid as a React child 에러가 뜨며 흰와면만 출력되고 있엇다 아무리 틀린부분을 찾아보려고 해도 도통 찾을 수 없엇고 검색을 해봐도 내가 찾는 답은 ..
-
고양이에 대하여기타 2022. 9. 19. 09:14
많은양의 스트레스 해야할 일을 미루기 나태한 생활 그리고 많은 것들이 중첩되어 요즘 통 잠을 이루지 못하고 있다 세시간여 정도 잔거 같은데 평소 필수 수면시간을 오버해서 지키는 편인 본인은 더 자야할거 같은 기분이다 하지만 잠은 오지 않고 생각을 정리할겸 남은 커피도 처리할 겸 한자 더 써본다 기술블로그를 시작한다는 계기로 블로그 글을 하나 둘 써내려 갔는데 포트폴리오 경력사항이란 명목으로 살아온 족적을 하나둘 남기는데 재미가 붙은 듯 하다 그래서 이번엔 고양이에 대해 이야기 해보자 필자는 25살에 서울에 올라왔는데 그 전까지는 우울증에 대해 전혀 이해를 하지 못하고 있엇다 우울하면 친구들과 놀고 맛있는거 먹고 티비 혹은 게임이나 좀 즐기면 괜찮아 지는것 아닌가? 하는 생각 하지만 덩그러니 서울의 한 원..