👻내일배움캠프 - 스파르타코딩클럽 썸네일형 리스트형 240619 TIL [아웃소싱 프로젝트 3일 차] ui는 완성되었고 나는 팀원분이 만들어두신 supabase database를 불러오는 코드만 작성했고, 불러오는 데 성공했다! 저녁 이후에 시작해서 얼마 걸리지 않았던 것 같다. 나중에 프로젝트 때 참고할 것 같아서 TIL에 작성해 두고 기록해두려 한다 :> supabase 관련 파일을 mainmap.jsx에 import 해준다 import { getPost } from '../../../supabase/post.api'; useState , useEffect 이용하여 supabase 데이터 베이스를 불러오는 코드를 작성 const [posts, setPosts] = useState([]); useEffect(() => { const fetchData = asy.. 더보기 240618 TIL [ 아웃소싱 프로젝트 2일 차 ] 오늘은 메인에 나오는 페이지 중 하나 ui 구현하고 타이틀 위에 있는 위치 (예를 들면 대전에 있다고 하면 대전에 있는 소모임은? 이렇게 뜨게) 해볼 계획이었다. 오전엔 ui 만들고 오후엔 더미데이터 넣어보고 styled components (css in js)를 손보고 위치 추가를 해볼 계획이었으나, 더미데이터 어떻게 넣고, 위치가 내 지역에 있는 위치로 뜨게 하는 법을 몰라서 일단 내일 해보기로 하고테스트 용으로 제목만 넣어보았다. 저번 프로젝트 보다 약간 더 어려운 그런 느낌? 외부 api를 가져와서 하는 건데 다 나와있긴 하지만 이걸 어떻게 활용하면 더 잘 활용할 수 있을지 생각을 해봐야 할 문제였다. 파이팅! 내일도 잘할 수 있어! 🧘🏻♀️이해가 부족하.. 더보기 240617 TIL ★ 아웃소싱 프로젝트 Day1 우리 조는 원래 취업 면접 리뷰 사이트를 하려고 했으나 시간 여유가 부족하여 동네사람들과 장소를 정해 사람들과 활동을 할 수 있는 커뮤니티로 주제를 정해 만들기로 하였다. 한명이 빠져서 심적인 부담도 커진 상태였고 아무튼 프로젝트를 시작함. 원래는 지도 api를 가져와서 마크를 하면 지도 위에 콕 박히는걸 맡았었는데 한번도 해보질 않아서 메인페이지를 맡아 하게 되었다 4일 안에 완성 시킬수 있기를 기대한다. ㅠㅠ 근데 스타일 시작하려니 컴포넌트 왜 안먹는거야…? 무슨 오류인지 찾아보았으나 아무런 해답을 찾지 못했다🥲 내일은 해결책 찾아본다,,, 더보기 240614 TIL 1. 오늘의 한 일 & 공부 - 리액트 입문부터 차례대로 다시 수강하며 복습 ★ 오늘의 공부 : 배열 정의 : 같은 타입의 여러 데이터를 하나의 변수에 순차적으로 저장하기 위해 사용됨 const numbers = [1,2,3,4,5];console.log(numbers.length); ★ 배열 관련 메서드 push : 배열의 끝에 하나 이상의 요소를 추가 , 배열의 새 길이를 반환해준다 const fruits = ["Apple","Banana"];fruits.push("orange");console.log(fruits) 결과 = ["Apple", "Banana", "Orange"] map : 배열 내의 모든 요소에 대하여 함수를 호출한 결과를 모아서 새로운 결과로 반환해준다 filter : 조.. 더보기 240613 TIL 1. 오늘 한 일과 느낀 점 - 기본적인 로그인과 회원가입 ui 구현 완료했고, api 연결부터 json 관련파일 배포까지 모두 완료했다. (리액트 심화 과제)ai 약간의 도움받고 주로 심화과제 해설 영상 보면서 과제 완성했다. 이전 과제들 하면서 끝까지 해본 기억이 많이 없는 것 같아이번 과제는 해설 영상 도움을 받아서 필수 구현사항 완성하는 데에 성공했다. ✌🏻 내용 자체는 어려워서 이해하기 힘들지만심화 강의 들으면서 과제 했던 거 복습해야겠다. 2. 과제 하면서 어려웠던 점 - axios와 tanstack quary ..? 사용감이 복잡했다. 강의를 들었지만 아직도 이해하지 못했다.ㅠ 더 들어야지..!- axios ⭐️ get - 서버의 데이터를 조회할 때 사용 ⭐️ post - 서버에.. 더보기 240612 TIL 1. 오늘 한 일 - 리액트 심화 과제 시작 2. 느낀 점 - 일단 라우터 연결하긴 했는데 만든 게 안 나온다 이게 무슨 일이지..? 맥과 윈도가 다르다 보니 혼란이 왔다. 숙련까진 그래도 조금 꺾여도 UI 완성하긴 했는데 심화는 (...) 음... 누군가 붙들고 1:1 도와달라 하고 싶은 심정 이게 연결된 게 맞는 건지 긴가민가하다. 3. 내일의 계획 - 라우터 연결하고 navigation bar 만들기 더보기 240611 TIL ⭐ 오늘의 공부 : HTTP HTTP의 의미 ? : 웹상에서 데이터를 주고받기 위한 프로토콜이다. request(요청)클라이언트 --------------------> 서버 response(응답) 클라이언트 서버 모델을 기반으로 동작하며 , 클라이언트가 요청을 보내면 서버가 응답을 반환한다. * 특징- 무상태성 : 상태를 유지하지 않고 요청이 독립적이며, 이전 요청의 정보를 기억 X - 확장성 : 다양한 확장 헤더를 추가하여 기능을 확장할 수 있다. - 유연성 : 다양한 데이터 형식을 전송할 수 있다. ex) 텍스트,이미지,비디오- HTTP의 메시지는 요청과 응답으로 나뉘는데 , 요청.. 더보기 240610 TIL 동기 VS 비동기의 차이 복습 동기 (Sync) - 요청과 응답이 순차적으로 일어나는 방식 - 요청을 보내면 그 응답이 올 때까지 대기한 후에 다음 작업을 진행함 - 응답을 기다리는 동안에는 다른 작업을 수행할 수 없기 때문에 비효율적 console.log("첫번째");for(let x=0; x 첫 번째 콘솔 로그가 출력되고 루프가 완료가 되면 그다음에 콘솔 로그가 출력되는 코드다 비동기 (Async) - 요청과 응답이 비 순차적으로 일어나는 방식 - 요청을 보내면 응답을 기다리지 않고 다음작업을 계속 진행함- 일에 순서가 중요하지 않으면 효율적인 일 처리를 위하여 비동기 처리를 한다 console.log("start");setTimeout(() => { console.log("타임오버").. 더보기 이전 1 2 3 4 5 ··· 8 다음
