본문 바로가기

분류 전체보기

 (170)
Todo 돌이켜보기_TIL(49) 리액트를 시작하고 매 주차마다 todo를 만들고 있다. 싫타기보다 이렇게까지 하는데 todo를 못만들면 스스로 자괴감이 올꺼같을정도였다. 그래서 많이 했으니까 이제 todo는 왠만큼 만들겠지라고 생각하고 있다가 근래 네이티브 공부를하면서 순수 리액트로 투두를 다시 한번 만들면서 컴포넌트와 state관리 등을 상기시킬켬 다시 만들었다. 참고하지않고 처음 맨땅에서 부터 쭉 만들기 시작했는데ㅋㅋ 왠열... 한 1시간에 필요한 기능과 컴포넌트 분리를 다 한것 같다. 처음에는 투두를 어떻게 만들어야될지 몰라서 시작도 못했었는데 지금 만든거 보고 아 진짜 성장하긴 했구나 하는 생각이 들었다.. 괜시리 뿌듯하고 난리ㅋㅋ👍 뿌듯함도 있지만 중간에 막히는 구간도 있었다. 😱 이 부분 처음 todo 접했을때 엄청 이해안되..
Axios_TIL(48) 리액트를 공부하면 할 수록 어렴풋이 알고 지나갔던 것들이 부메랑🪃처럼 되돌아 오고 있다. 그래서 오히려 좋다👍는 마인드로 하나씩 다시 열심히 리마인드를 하고 있다. 오늘의 주제는 Axios다. 프로젝트할 때 axios를 사용해서 json-server에서 db에서 데이터를 가져왔었는데 그 때는 급한마음에 갖다 썼지만 지금은 다음 프로젝트를 위해서 공부했다. 이 때까지 하나씩 야금야금 공부했던 useEffect , async & await , promise.then() 등이 합쳐져서 완성본을 이룬 느낌이다. axios는 비동기 통신이다. 데이터값이 언제 들어올지 각각 다 다르니까 이렇게 사용한다. 데이터를 가져온다는 예시로 axios.get("localhost:주소")일때 -->await axios.get(..
async await 간단한 정리_TIL(47) 서버에서 데이터를 가져오는 과정을 프로젝트에서 쓰다보면 제대로 알지도 못하면서 쓰고 있는 async await을 간단하게 정리하려고한다. 요즘 들어서 내가 모르고 썼었던 기능들이 자주 나오는 것을 보고 그냥 지나쳐서는 안되겠다해서 모던자바스크립트를 보면서 정리했다. 확실히 알고나서 코드를 보는 거는 다른 것 같다. 1.Async : async는 항상 function 앞에 붙는다. 그렇게 되면 해당 함수는 항상 프라미스를 반환한다. 프라미스가 아닌 것은 프라미스로 감싸서 반환한다. ** const a = async()=>{} 이렇게 사용도 한다. 2.await :await는 async함수 안에서만 동작한다. 프라미스(async)에서 처리될 때까지 기다린다. async function f() { let pr..
파이어베이스 오류 FirebaseError: Missing or insufficient permissions. 파이어베이스의 Cloud Firestore의 규칙에 들어가서 allow read , write : if false -->true로 바꿔준다. 그럼 끝🔥 (이거 깜빡하고 또 시간 날렸다가 많고많은 오류 메세지 중에 저거 발견하고 구글링하던중 찾았음)
useEffect_TIL(46) 오늘 내일 비동기에 대해서 공부한 것을 정리해보려고 한다. 1.만난 문제 useEffect를 통해서 axios를 사용했지만 어렴풋이만 알고 확실히 알지 못해서 useEffect에 대한 오류가 났을 때 항상 곤란했었다. 그래서 이번에 확실히 정리하자 해서 공부를 시작했다. 2.useEffect? 자바스크립트는 동기적으로 즉 한번에 하나의 일만 진행을 시킨다. 그렇게 되면 연산이 오래걸리거나 서버로 부터 데이터를 가져와야 할때 시간이 오래걸릴 경우 html렌더링이 늦어지면서 사용자들이 불편함을 느낄 수가 있다. 그래서 useEffect를 사용해서 오래걸리는 로직들을 비동기적으로 처리를 할 수 있다. 3.사용법 ㄱ.[ ]사용 let[alert,setAlert]=useState(true) useEffect(()..
주간회고록WIL_(08) 1. 👍이번 주에 알게된 점 -내가 아직 parameter를 자유롭게 쓰지 못하고 , 이해를 좀 더 해야되겠구나를 알게됨🔥 리액트 프로젝트 중에 댓글 목록배열을 map돌려서 html로 return을 하여 리스트들을 가져오게 한 다음에 이 댓글을 수정,삭제를 하고 싶다면 이 map을 돌려서 나온 하나 하나의 item.id과 이 목록의id가 일치하는 것만 삭제한다,수정한다를 기능으로 구현할 때 엄청 애먹었던 기억이 있다.😱 이게 왜 애먹었냐면 list를 돌리고 확인 차 같으면? console.log(true):console.log(' 응 아님~ ')이렇게 만들었는데 이상하게 모든 리스트가 true가 나왔다.... 왜 다들 자기가 맞다고 하냐고 ㅠㅠㅠ 한 개만 나와야지...하;; (같은 부분을 해결하고 있던 ..
리액트 네이티브_TIL(45) 리액트프로젝트가 끝나고 바로 네이티브로 들어갔다. 빠르게 진행되다보니까 리액트도 완벽하지 않은데 벌써 네이티브라고..?라는 생각이 들었지만 문법적으로 쪼금 다를 뿐 많이 다르지않아서 리액트공부를하면서 같이 진행해도 좋을꺼같았다....ㅎ 뭔가 계속 투두앱을 기본으로 진행이 되는거라 예시가 지루할 수 있지만 CRUD가 투두만큼 잘 되어있는게 없어서 이 예시로 진행되고 있다. 다행인건 리액트로 투두앱을 만들었어서 많이 낯설지가 않았다는 점ㅋㅋ 그대신 웹 대로 만들면 마음만큼 안만들어진다는 점... 그래서 오늘 주제는 진짜 간단하지만 시간은 엄청 잡아먹은 버튼 주제다...하😱 1.만난 큰 산..? 카테고리 별로 투두를 다르게 적고 싶었기 때문에 카테고리를 누를 수 있어야한다고 생각을하고 (당연히 웹을 만들때처럼..
iterable error _TIL(44) 이번 프로젝트 중에 자주 보았던 에러 중에 하나인 TypeError : 'nonetype'object is not iterable🔥에 대해서 정리하려고한다. 그래서 iterable이 뭘까부터 시작했다. '순회가능한'뜻을 가지고 있었다. for...of문을 사용해서 이렇게 값을 하나씩 반환할 수 있다. const array = [1,2,3]; for(const item of array){ //아이템을 하나씩 출력한다. 1,2,3출력 } 즉, 순회가 가능하다면 for...of문 사용이 가능하다. =>이게 왜 가능하냐면 iterabor을 반환하는 내장메소드들이 있기 때문이다. 그래서 iterator를 리턴한다는 것은 순회가능한 객체인것을 말한다.(for..of문 ,spread문 사용이 가능하다.) 그럼 ite..

티스토리툴바