kasumil의 코딩 공작소

기존에 개발하다가 때려친 사이드 프로젝트를 진행하고자한다. 이걸 왜 하느냐? 그냥, RN으로 어플 하나 만들어서 써보려고. 일단 이전에 날 좌절시킨 이유로 UI를 만들어보기로 했다. Template을 찾아봤는데, 없네..? 왜 그런가 했더니 expo 전용으로 나왔거나 아니면 유료더라. 그래서 찾아봤더니 템플릿이 필요가 없더라. 그냥 UI를 불러서 구성하면 되는 것이었다. 설치해도 왜 안됨? 이러고 있었는데, 설치할 게 없청많더라. 4개를 기본으로 설치해야 작동. 차라리 부트스트랩이 나은 것 같은데 말이지. "react": "17.0.2", "react-native": "0.67.3", "react-native-elements": "3.4.2", "react-native-linear-gradient": "..

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 함수쪽에서 뭘로 적..

잠깐 서버구축으로 node로 외도한 건 비밀. 다시 돌아왔습니다. 테슬라 클론을 진행 중 입니다. 현재 스크롤이벤트에 발목이 잡혔는데요. {data && data.car.map((el, i)=> { return ( ) }) } 그 이유는 리액트에서 DOM에 직접 접근하기를 권하지 않고 있습니다. useRef란 것을 사용해야하는데, 해당 것을 사용하기가 어렵다는 것이죠. 자료가 별로 없습니다. 기껏해야 해당 위치로 버튼과 연동하는 방식? 하지만 직접 접근이 가능하니 그것으로 접근해도 됩니다. document.addEventListener('scroll', function() { var currentScrollValue = document.documentElement.scrollTop; console.log..

youtu.be/D8JnyG-Die4 최근 크롤링을 진행할 수 있게되어, 개인 사이드프로젝트가 이제 진행되고 있다.위코드 졸업한지 4개월만에!! 아무도 크롤링, 웹스크래핑에 대해서 알려주지 않았기에 고생했던 부분 ㅠㅠ파이썬의 경우 크롤링을 해봤지만, 웹스크래핑을 알려주지 않아서 그냥 전체페이지 긁어와서 해당 페이지 내용을일일히 긁어와야 했던지라 포기했으나 이제 다시 진행하게 되었다. 하지만 초짜라 그런지 자료구조를 이상하게 짜서 잘못만들어졌다. 동영상을 보면FOOTER부분보다 아래에 빈칸이 생겨 있는 것이다. json파일 자료만 봐도 잘못 만들어서 다시 만들어야한다.쓸데없는 map을 돌릴때 필요없는 FOOTER자료까지 긁어와서 해당 빈칸이 생긴 것으로 추측한다.이를 고치고, 다시금 JSON을 만들어서 진..

테슬라 클론을 진행중이다. svg의 색상반전을 하고 싶으면 filter : invert(1); 먹이면 된다. 하지만, svg에서 호출에서 막혀버렸다. 무슨 오류인지 svg라서 해당 이미지가 불러와지지 않는다. img를 불러내서 색상반전을 먹이면 되는데, 왜 안되는건가 싶어서 찾아보니 svg는 컴포넌트로 바꾸어서 호출해야한다고 한다. 이거 편리해지라고 만든거 같은데, 어째 더 불편하다;;; 그리고 로그인 버튼은 왜 문제가 생긴건가? 해결했다. 백그라운드 이미지로 설정했을때, 이상한 테두리가 생기는데 img태그로 사용시에는 그냥 테두리 없이 잘나온다. 이유는 모르겠다...?????!!! 오른쪽 테슬라 계정 부분은 position에 이상한 -40이 있길래 뭐지 싶어서 찾다보니 css부분에 margin-bott..

- 오늘 해야할 일 테슬라 클론 진행 - 오늘 수정사항 - 오늘 진행사항 백엔드에서 크롤링 작업 시도. - 오늘의 코드 실패. 위코드를 졸업하고 근 1주일만에 글을 쓰는 것 같다. 그런데, 개인적으로 공부를 하고 있는데 공부의 내용보다 클론을 진행하면서 내용을 구성하는 게 나을 것 같다고 생각하여 클론을 진행했으나 백엔드 데이터가 없어 해당 사이트를 구현하는데 있어 막혀버렸다. 그래서 그냥 내가 크롤링해서 가져오자라는 생각에 파이썬 학습 중. 파이썬의 기초는 알고 있는데, 장고와 같은 중급 기술은 잘 모르겠다. 아무튼 내가 원하는 바는 그냥 크롤링이 되느냐 여부. 인터넷 보면서 여차저차 진행해서 크롤링을 시도했으나 실패. 아마도 requests로 요청하는 것을 서버측에서 막은거 같은데, 인터넷 블로그를 ..