본문 바로가기

📆 WIL

🏃1/21 내배캠 React 12주차 WIL 프로젝트가 시작되었다. 이번프로젝트의 주제는 "카공하기 좋은 카페 리뷰" 이다. 프로젝트 주제 선정을 위해 정말 많은 아이디어 들이 나왔고, 그나마 현실성 있고, 신박했던 아이디어를 채택했다. 카카오 맵 API를 가져와 사용할 수 있게 프로젝트를 기획했고, 내가 맡은 파트는 reactQuery를 이용한 CRUD 구현 이었다. CRUD구현은 너무 많이 했기 때문에 익숙해서 잘 할 수 있을거라 생각 했는데 ReactQuery를 이용해서 하려다보니 역시 쉽지 않다... 이번 프로젝트를 진행하면서 다시 한번 정확하게 공부하자는 마음이다. 일단 전체적인 디자인은 깔끔하게 구현하였다. 프로젝트 시작 직전 한 분이 개인사정으로 팀프로젝트를 같이 진행하지 못하게 되면서, 4명에서 진행하게 되었다. 그래도 긍정적으로 생.. 더보기
🏃1/14 내배캠 React 11주차 WIL React Native 이번 프로젝트도 무사히 잘 끝났다 프로젝트 소개 https://www.youtube.com/watch?v=NA5s2ueDBRU 📚 READ ME 읽고 있는 책과 독서 계획을 기록하고, 리뷰와 평점을 기록할 수 있는 애플리케이션입니다 만인의 새해 목표인 독서! Read me와 함께라면 실현 가능할 지도..?! 깃허브 바로가기 QR코드 이번 프로젝트는 코로나 때문에 정말 많은 것들을 참여하지 못했다. expo를 통해 휴대폰에 바로바로 적용되는 것이 흥미로웠던 react native라 기대를 많이 했지만, 배운 것들을 활용해서 프로젝트를 진행하긴엔 실력도 컨디션도 부족했다. 다음에 따로 배워볼까 한다. 더보기
🏃1/06 내배캠 React 10주차 WIL 코로나에 걸렸다 2~3년동안 한번도 안걸리고 잘 피해왔는데 결국 걸려버렸다... 생각보다 너무 아파서 답답하다 공부도 손에 안잡혀서 문제다 React Native react-native css 구성 블러처리 ImageBackground - blurRadius={n} 효과 참고 : https://lily-in-abstract.tistory.com/100 LinearGradient : 자동으로 블러처리나 효과를 내주는 것 : →블랙으로 진해지기 등 stylesheet. absoluteFill = styles={{ position: “absolute”, top: 0, left: 0 }} 백그라운드 이미지를 겹쳐서 쓸 수 있다. blur처리하거나 다른 곳에 사용할 때 유용함 Stack - Native Stack.. 더보기
🏃12/31 내배캠 React(39~43일) 9주차 WIL 올해 마지막 WIL 및 회고...💫 (일기) 프로젝트 발표와 react-native 공부 시작하기 [ 5조의 부족한점 많은 팀장으로서... ] 이번 프로젝트는 나에게 정말 많은 생각을 하게 만들어 줬다. 내가 얼마나 부족한지, 함께 일하는(프로젝트하는) 사람들이 얼마나 중요한지, 프로젝트를 어디까지 어떻게 얼마나 구현하겠다는 마음을 정확하게 먹는게 대단히 중요하다는 것이란 걸 깨달을 수 있었다. 사다리타기 게임으로 얼떨결에 팀장이 되었다. 사실 팀장이라는 역할이 많은 것들을 하진 않지만, 팀장이라는 이름에서 나오는 부담감은 없을 수가 없었다. 많은 것들을 하진 않았지만, 먼저 말을 하려고 노력했고, 분위기가 흐뜨려지지 않게 노력했던것 같다. 그만큼 나에대해 생각하는 시간들도 많아졌다. 내가 실력을 충분히.. 더보기
🏃12/17 내배캠 React(30~34일) 7주차 WIL 회고 이번주도 너무나도 빠르게 일주일이 흘러갔다. react를 이용하여 간단한 todo-list만드는 법을 배웠고, 만드는 과정에서 많은 스트레스를 받았다. 실력이 너무나도 부족한것 같다는 생각이 들고, 열정도 부족한가하는 생각이 많이 들어 정말 많이 고민했던 일주일 인것 같다. 그래도 제대로 한번 하기로 했으니까 끝까지 높은 텐션, 높은 열정 유지하고, 잘 조절하면서 내배캠에 배우고, 활용할 수 있는 것들은 다 배우고 활용하고 싶다. 자유자재로 활용하고, 조절할 수 있게 열심히 똑똑하게 공부해보자!! 이번주 배운 것 Todo-list 녹화 todo-list녹화 중 오류가 나서 다시 찍었습니다. 몇시간을 날리고 다시 말하면서 찍다보니 어느정도 익숙해져서 공부가 더 많이 된 것 같습니다. https://w.. 더보기
🏃12/10 내배캠 React(26일~30일) 6주차 WIL 이번 주 배운 것 Javascript 심화 [ copyObject( ) ] : for문을 돌리면서 변수값을 하나하나씩 복사하는 방법 → 똑같은 주소값을 가져오는 것이 아닌, 복사를 하여 완전히 새로운 데이터 주소값을 가져온다(대신 1depth(얕은복사)를 사용한다.) [ 얕은 복사 / 깊은 복사 ] - 얕은 복사 : 바로 아래 단계의 값(1 depth)만 복사 -> 문제점 : 중첩된 객체의 경우 참조형 데이터가 저장된 속성property를 복사할 때, 주소값만 복사한다. - 깊은 복사 : 내부의 모든 값들을 하나하나 다 찾아서 모두 복사한다 모듈(Modules) Exports & Imports 파일의 크기가 커질수록 하나의 파일에서 코드를 작성하기에 한계가 존재한다. modules이라는 기능을 통해 하나.. 더보기
🏃12/01 내배캠 React(21일~25일) 5주차 WIL '정신차려 이친구야' 이번주 배운 것 - map, split, => 함수를 사용하여 문제를 풀어보자. 문자앞에 +를 붙이면 숫자로 변환된다 toString : 숫자타입을 문자타입으로 변환하는 함수 - 배열 - 객체 - 메서드 - 스택 / 큐 이번주 최악의 한 주가 지나갔다... 진짜 시간을 날려버린것 같아서 너무 아쉽다. 굴러가던 사이클에 벗어나지 않는 선에서 계획을 하고, 빠르게 회복할 수 있게 집중해야겠다 ㅜㅜ 오늘부터 다시 달려가봐야지 핫팅 더보기
🏃11/27 내배캠 React(16일~20일) 4주차 WIL ‘ 오르락 내리락, 내 주식같은 실력 변화📉📈’ 드디어 4주차가 지나갔다 아주아주 길고 길었던 하루가 반복되었다. 이전 주 프로젝트 없이 쉬엄쉬엄 공부하며 방심하던 찰나 프로젝트가 진행되고 내용을 뜯어보니 충격 그 자체, 갑자기 스키장 꼭대기에서 밀쳐진 것처럼 허겁지겁 자세잡기에 바빠졌다.⛷️ 내가 프로젝트 구현하기 위해 해야했던 기능 - firebase 활용하여 데이터 불러오기/업로드하기 - 검색기능 - spa기능으로 구현하기 - multi-column layout짜기 - mouse hover .....등등 처음 기획하고, 역할을 나눈 후 프로젝트를 거의 다 진행하다보니 내가 맡은 메인페이지 파트가 다른 분들이 하는 것보다 조금 쉬울 수도 있겠다는 생각을 하게 되었다. 그래서 조금이라도 더 완성도를 높.. 더보기