전체 글 (38) 썸네일형 리스트형 [프로젝트] 2차 프로젝트 회고(JustBnB 프로젝트) 1. 🎞 프로젝트 소개 Justbnb-FrontEnd xxziiko - Overview Hi 👾. xxziiko has 7 repositories available. Follow their code on GitHub. github.com 2차 프로젝트는 만장일치로 AirBnB 사이트가 선정되었다. AirBnB는 숙소 예약 및 호스팅 서비스를 제공하는 사이트이며 사이트의 디자인과 기획만을 참고하여 개발을 진행했다. AirBnB는 Air Bed & Breakfast을 줄인 말이라고 한다. 에어비앤비의 창업자들이 자신의 에어베드와 아침식사를 여행객들에게 제공해주었던 경험에서 아이디어를 얻어 서비스를 만들었다고 한다. 우리의 사이트명은 JustBnB. Justcode + BnB 의 합성어이다. 시연영상 진행기간.. [회고] 내가 개발을 하기로 결심한 이유 길게 느껴졌던 4개월이 정신없이 지나갔다. justcode 4기로 지냈던 4개월을 회고하고 내가 왜 개발을 하려는지 스스로 돌아보고자 한다. ✍🏼 개발하기 전의 나 유난히 내성적인 나였지만 진로에 관한 결정은 과감했다. 가장 처음으로 무언가를 해보고 싶다는 생각이 들었던 때는 고등학교 1학년때였다. 그 당시 오디션프로그램이 핫했고, 실용음악과가 굉장한 인기였다. 그래서 우연히 재즈피아노에 대해 알게 되었고, 매력적이었다. 그렇게 재즈라는 장르에 빠져 대학까지 입학해서 학교생활을 했지만 현실적으로 앞으로의 미래가 걱정되었다. 그래서 음악을 그만두기로 결심하고, 1년만에 무역학과로 편입했다. 내가 살면서 가장 몰두하고 결실을 맺었던 첫 경험이다. 이 경험 덕분에 내가 무엇을 도전해도 해낼 것이라는 자신감이 .. [오류기록] Cannot read properties of undefined ✔️ 원인 구글링 해보니 state는 비동기적이며 처음 렌더링(마운트)하기도 전에 동작한다고 한다. 이 때 state 가 정의되지 않았기 때문에 생긴 오류였다. ✔️ 해결 처음에 localstorage에서 이미지 url을 바로 불러와서 붙이려고 했었는데, 그렇게 하지 않고 state로 관리하여 useEffect를 이용해 렌더링 했더니 정상적으로 이미지가 붙었다. 그러나! 이미지 렌더링이 다른 데이터 렌더링과 함께 되지 않고 새로고침이 한 번 더 이루어져야 렌더링이 되었다. artist가 업데이트 될 때 이미지도 같이 렌더링 될 수 있게 deps 에 artist를 넣었더니 정상적으로 렌더링 되었다 ! 전보다 useEffect의 렌더링 사이클에 대해 더 이해가 된 것 같다. [프로젝트] 1차 프로젝트 회고 (KuKuKKaKKa 프로젝트) 끝났다. 1차 프로젝트 1. 🎞 프로젝트 소개 꾸꾸까까 FrontEnd Github GitHub - xxziiko/justcode-4-kukukkakka-front Contribute to xxziiko/justcode-4-kukukkakka-front development by creating an account on GitHub. github.com 꾸꾸까까 BackEnd Github GitHub - xxziiko/justcode-4-kukukkakka-back Contribute to xxziiko/justcode-4-kukukkakka-back development by creating an account on GitHub. github.com KuKKa(꾸까) 는 꽃다발 구독 및 배달 서비스 플.. 2022/03/20 TIL 📝 for ... in 문과 for ... of 문의 차이점 오늘 알고리즘 공부를 하다가 for in 을 쓴 값과 for of을 쓴 값이 각 각 다르게 출력되는 것을 보았다. 그리고 알게되었다. 내가 이 둘의 차이를 정확하게 모르고 있었다는 것을 ..! 1. for ... in - 객체를 순환할 때 사용한다. - 객체의 key 값에 접근은 가능하지만 value 에 직접 접근하는 것은 불가능하다. - 모든 객체에 적용 가능하다. for in 문에서 주의할 점 - 순서가 보장되지 않음 - length 사용 불가 - value 값이 string 이라 연산이 불가능 2. for ... of - 배열의 반복에서 사용한다. - 객체를 순환하려고 할 경우 type error 가 발생한다. -length 사용 불가 3.. 2022/03/17 TIL 📝 mySQL JOIN 1. INNER JOIN SELECT 테이블명.조회할 칼럼 FROM 기준테이블 별칭 INNER JOIN 조인테이블 별칭 ON 기준테이블별칭.기준키 = 조인테이블별칭.기준키 SELECT categories.name, products.korean_name, products.english_name FROM products JOIN categories ON categories.in = products.category_id products 테이블의 category_id 와 categories 테이블의 id 와 일치하는 값을 JOIN 하여 조회한다. ++ 심화 WHERE 조건 주기 SELECT categories.name, products.korean_name, products.english.. 2022/03/14 TIL 💡wecode Foundation 3주차 과정을 참고/인용하여 작성하였습니다. 📝 Node.js 1. UI 란? => User Interface란 유저가 소프트웨어랑 만나는 경계면을 말한다. 즉, 유저가 소프트웨어에 접근하고 명령을 내릴수 있는 부분이다. 쉽게 설명하자면 스크린화면, 키보드, 마우스나 브라우저 등이 UI 에 해당한다. 2. API 란? => Appication Programming Interface는 어플리케이션과 어플리케이션이 의사소통하고 데이터를 교환할 수 있도록 매개체가 되어 주는 대상을 말한다. 인스타 DM을 보내거나, 스마트폰에서 날씨를 확인하는 것과 같은 동작들을 할 때 API가 필요하다. 스마트폰에서 날씨를 확인하는 것으로 예를 들어보자면, 날씨어플은 인터넷을 연결하고, 서버.. 2022/03/11 TIL 📝 비동기 블로깅 1. 동기와 비동기 동기는 요청을 보낸 후 응답을 받으면 다음으로 넘어갈 수 있는 실행방식이고 비동기는 요청을 보낸 후에 응답과 관계없이 다음 동작을 실행한다. 즉, 비동기는 프로그램의 다른부분(기능 또는 함수)들이 서로 방해(blocking)하지 않고 동시에 일어날 수 있다. 집청소로 예를 들어보자. 동기적으로 집 청소를 한다면, 빨래를 돌린다 -> 완료될 때 까지 기다린다 -> 빨래를 넌다 -> 설거지를 한다 -> 설거지를 마치고 청소기를 돌린다. -> 화장실 청소를 한다. 비동기적으로 집 청소를 한다면, 빨래를 돌린다 -> 설거지를 한다 -> 청소기를 돌린다 -> 빨래가 완료되어 넌다 -> 화장실 청소를 한다. 2. Callback 콜백함수란 파라미터로 함수를 전달받아서 함수 내부.. 이전 1 2 3 4 5 다음
