협업은 처음이라 팀 소개,방명록 작성메인화면팀원소개화면필수 기능 API설계선택 기능다크 모드방명록 수정 및 삭제 기능팀원 소개 데이터로 저장해서 불러오기(직접 퍼블리싱 보다 편하고 좋을 것 같음)git init git 생성touch example.txt 내용이 없는 텍
팀원소개페이지 제작 10월 31일에 만든 와이어프레임을 토대로 html,css로 제작 DB에 데이터 저장하여 GET방식으로 가져오기 어제 팀원의 정보를 DB에 저장하여 가져오는 방법도 좋을 것 같다는 피드백을 받아서 GET방식으로 가져오는데 성공했다. 서버 부분
오늘의 할일 방명록 삭제, 수정 기능 구현하기 각 페이지마다 방명록 구현 메인페이지 구현, 사이트에 들어갈 기능 회의 방명록 삭제, 수정 기능 구현 방명록 삭제 웹개발종합반에서 배웠던 내용중에 버킷리스트 완료기능을 구현하는게 있어서 그걸 응용하면 될 것 같아 강의를 다
오늘의 할일 페이지마다 저장하는 방명록이 다를텐데 어떻게 해당 페이지에서 쓴 방명록만 보이게 할 것인가 JS강의 찾아보고 수강하기 프로젝트 마무리 하기 페이지마다 방명록 내용 각각 나오게 하기
오늘의 할일 프로젝트 발표 해야할 일 프로젝트 발표 팀 발표 개인 코드 자랑 시간 팀 발표 3조 협업은 처음이라 우리 조는 발표하는 분이 발표준비를 다 하셨는데, 고생하시기도 했고 도움도 되게 다 같이 했으면 좋았을 것 같다. 근데 너무 잘하셔서 감사했다. 우리 조
첫 WIL
javascript변수데이터 타입연산자조건문반복문함수클래스와 객체배열컴퓨터에게 명령하는 도구인 프로그래밍 언어let은 값을 재할당 할 수 있음const는 값을 재할당 할 수 없음최근에는 var를 사용하지 않음숫자(Number), 문자열(String), Boolean,
선언숫자 + 문자열은 에러가 난다.✍️ Quiz1 "sparta"의 앞의 3글자인 "spa"만 출력해봅시다.✍️ Quiz2 전화번호의 지역번호 출력하기값을 담는 방법리스트 (순서)리스트안에 리스트, 딕셔너리도 담을 수 있음딕셔너리 (key : value)딕셔너리와 리스
Q. 최댓값 찾기 나는 숫자들을 정렬해서 마지막 순서의 숫자를 뽑는 방식으로 풀었다. 풀이에서는 반복문을 사용하여 숫자들을 비교해서 찾는 방식이었다. 이중반복문을 사용한 코드도 있는데, 처음 봤으니 한 번 찾아보기로했다. 사진을 보니까 대충 뭔지 알겠다. > ht
배열은 데이터를 읽을 때는 굿 배열은 크기가 고정되어 있어서 검색, 추가, 삭제 때는 느려짐 -> 아마 링크드 리스트 쓰는듯 검색은 또 다른거 쓰는 것 같음
CS 특강 개발자로서 컴퓨터의 특성을 이해 CPU n개의 register로 구성되어 있다. 코어 X n 코어의 성능 향상에는 본질적 한계가 있음 -> 멀티코어 ALU(산술 논리 장치) CU(control unit) - cpu에게 명령어를 수행해주세요 요청하는 장치
제공해 준 js와 python 기초 문법강의를 들었고, 알고리즘을 시작했다.하지만 알고리즘을 시작하자마자 의욕이 사라졌고 왜 벌써 준비도 안됐는데 알고리즘을 하나 생각이 들었다. 문법을 알아야 문제를 풀텐데....공부할 의욕이 꺾이는 것보다 내 페이스를 찾아가는게 중요
MPA vs SPA 멀티페이지 어플리케이션 싱글페이지 어플리케이션 mpa 서버가 페이지를 관리함 페이지가 새로고침 됨 spa html을 한번만 주고 나머지 추가 정보는 json으로 줌(?) 새로고침이 되지 않음 hasged url path \# 앞까지만 서버에 요
퍼블리싱이란? 디자인 리소스를 html + css + js로 변환하여 브라우저에 표현하는 것. 수업 내용 HTML CSS JS 기초 최종 목표 : 네이버 메인페이지 클론코딩
Serverless 서버리스 서버 관리가 필요 없는 백엔드(서버가 없다는 뜻이 아님) 하드웨어 관리가 힘들어서 클라우드 컴퓨팅 서비스(cloud computing Service)가 나옴 -> 하드웨어 관리를 위임 -> 소프트웨어 관리도 위임(Firebase, AWS L
MOBILE반응형으로 하려면 모바일 먼저 퍼블리싱 하는게 좋다고 하셔서 모바일 버전으로 먼저 만들었다.PC내용이 얼마 없기 때문에 media query를 쓰지않고 전체 컨테이너에 max-width만 넣어줘도 괜찮았다. 나중에 이미지 사이즈나 디테일한 것만 수정하면 될
데이터 저장을 구현했다.firebasestorage에 잘 들어갔다. 날짜는 이상해서 확인해보기로했다.
엄청난 오류와의 싸움으로 TIL을 길게 못적는다.열받는 나...git사용도 너무 어렵고 쉽지않다.다른 팀원분들은 뚝딱뚝딱 잘하시는데 나는 뇌가 뚝딱뚝딱열심히 해야겠다.
3시
FIREBASE 파이어베이스...정말 어려웠고... 다신보지말...다시 보게되더라...또 보자 강해져서 돌아온다 GIT 인간 머지했다. 자꾸 오류나서 코드가 날아가는 바람에 다들 멘탈이 여러번 터졌다 인간머지의 결과.. 인간 vs 깃 인간 승리 우리가 이겼다. 암
모르거나 어려운 문제를 다 같이 고민하고 해결해 나간 것코드 컨벤션 정하기베이스 코드가 없었고, 같은 파일에 작업하는 내용이 명확하지 않아 깃에서 머지할 때 코드가 누락되는 등의 오류가 많이 발생함css에서도 색상이나 padding, margin값 통일, 반응형 bre
데이터 타입기본형과 참조형이 있다.구분 기준기본형값이 담긴 주소값을 바로 복제불변성이 없다.참조형값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제bit0과 1로 이루어진 작은 메모리 조각 -> 모여서 메모리가 된다.bytebit의 묶음 (bit \* 8)식별
값을 직접 저장하지 않고 주소로 가져오는 이유자유로운 데이터(값)의 변환효율적인 메모리 관리변수(let) vs 상수(const) -> 값의 변경 가능성불변값과 불변성(기본형)가비지컬렉팅(garbage collecting)주체 : garbage collector
undefined가 자동으로 부여되는 경우1\. 변수에 값이 지정되지 않은 경우2\. .이나\[]로 접근하려 할 때, 해당 데이터가 존재하지 않는 경우3\. return문이 없거나 호출되지 않는 함수의 실행 결과Array Method - forEach, map, fil
데이터타입실행컨텍스트THIS콜백함수클로저2주차에는 처음 부트캠프 신청하던 마음가짐으로 돌아간다.
배열 메서드 기본 for 문 forEach 배열 요소 각각에 함수를 실행함 map 새로운 배열을 반환함
나는 사람들이 많이 사용하는 컨벤션을 사용할 것이다.사실 당장 중요한 것은 아니지만 나중에 프로젝트를 시작할 때 정하기 쉽지 않을까 싶기도하고, 그냥 과제 내용이 어려워서(그냥 이해 못한거임) 당장 할 수 있는 것을 하려고 정한다.component : PascalCas
역병을 두번이나 걸렸다.컨디션이 괜찮아지면 간간히라도 하려고 했는데 회복이 되지 않아 공부를 못했다.간신히 일요일에 투두리스트를 만들었다.계속 이해를 못하던 코드를 이해했다.삭제코드완료 취소 토글 코드역병에 걸리지 않았더라면 더 금방했을까오히려 역병에 걸려서 다급해진
배운 것styled-componentsReact HooksuseStateuseEffectReduxReact-router-dom해야할 일배운 것을 활용하여 todolist 만들기설치import조건부 스타일링을 위해 사용그냥 className을 사용하여 css로 작성하면
설치한 패키지 styled-components > redux, react-redux > react-router-dom > uuid > > 사전준비
json-server에서 글들을 가져올 때 sort로 가져와서 limit거는 것 까지 했는데, 화면에 띄우지를 못한다.redux devtools?로 확인을 해봤는데 가져오는 것은 했다.그런데 화면에 그려지지가 않는다.중복이 되어 같이 나오지가 않는것일까?
26문제 : 메인페이지에 인기순으로 정렬한 부분이 가져와지지 않음원인 : initialState에 인기순으로 정렬한 배열을 추가하지 않아서...해결 : initialState에 인기순으로 정렬한 배열을 추가하고, useSelector로 가져왔더니 가뿐하게 나왔다.
발생한 문제 git main 브런치에 다른 브런치 merge시 충돌 원인 : 다른 사항이 너무 많아서 생기는 문제? 해결방법 vscode에서 git pull origin main했더니 편집기에서 수정이 가능했다. 그전에 머지한 것은 깃 사이트에서도 가능하길래 뭔가
FlatList에 flexDirection이 먹지 않았다.속성으로 numColumns 또는 horizontal을 써서 row로 바꿀 수 있었다. Button은 스타일을 자유롭게 할 수 없다TouchableOpacity로 사용style을 더 공부해야겠다.
Firebase를 이용하여 ToDoList CRUD 구현하기(1) Expo new Project expo 사이트에서 프로젝트를 생성 프로젝트를 생성한 뒤 안내하는 코드 따라 설치 이런 오류를 만난다면 expo에서 시키는 대로 설치하고 프로젝트를 시작했
홈페이지에서 만들지않고 로컬에서 바로 만들어서 올리는 법개인적으로 훠얼씬 간편프로젝트 생성배포https://docs.expo.dev/guides/app-icons/figma templet에 있는 가이드라인대로 디자인 및 제작하여 assets 폴더에 넣어서 바꾸
Linear Gradient install import props 여러가지가 있는데, colors만 써도 충분 StyleSheet.absoluteFill 매우 유용할 것 같다. react-native-swiper install import usage swiper를 그냥 감싸주기만 하면 된다. 크기를 지정하지 않으면 자동으로 flex: ...
server state를 관리하기 위한 라이브러리redux, thunk 필요없음useQuery hook안에서 자동으로 다양한 상태를 편안하게 관리 가능caching기능이 있음공식문서https://react-query-v3.tanstack.com/overview
프로젝트 SAhttps://lilac-hacksaw-9e8.notion.site/MZL-100-MZLanguage-337ccdcf5d40498d8bc6eef21d3a809a해결방법KeyboardAwareScrollView를 사용했다https://git
작업 전 무조건 pull하기pull전에 이미 커밋해놓은게 있다면 pull --rebase로 내 커밋 앞에 당겨오거나, pull --merge로 합친다.커밋메세지 쓰는게 항상 고민이다.여러기능을 합쳐야 하다보니 소통이 중요하기 때문에 항상 뭐 했는지 팀원들한테 말해준다.
비동기 데이터 관리를 위해 사용서버데이터와 클라이언트 데이터 분리를 위해 사용query데이터 요청mutation추가 수정 삭제query invalidationquery를 무효화 시킨다는 의미데이터 요청이 잘못되었다고 선언(증명?)
https://www.data.go.kr/index.do활용신청을 하고 마이페이지에서 활용신청 상세기능정보에서 미리보기로 url을 확인하여 가져온다.해당 주소에서 확인한 후 적절히 사용한다.url에는 '20230111' 이렇게 넣어야하는데,주석처리 해놓은 방법
팀노션https://lilac-hacksaw-9e8.notion.site/8c7f89e3837d40eeac0ad255d771c3af발표 순서도 굉장히 중요하다.시연영상을 먼저 보여주고, 그 다음 기술설명을 해야 청자가 듣기 좋다.매일 새로운 것을 배워 감사하다
커밋컨벤션 지키기그라운드 룰 잘 지키기모르는 것 공유하기지속적이고 원활한 소통하기프로젝트를 전반적으로 잘 정리하기수업내용을 완전히 숙지하지 못하여 프로젝트 기간에 필요한 부분의 강의만 들은 것구조를 깔끔하게 정리하지 못한 것(지저분한 코드)공식문서 읽고 새로운 라이브러
새로운 프로젝트를 시작했다.ts + zustand + supabaseapi활용보다 신기술을 써보는 시간이 될 것 같다.나는 header를 맡아서 tailwind와 react-router-dom만 사용하지만,react-native할 때 다 까먹어서 열심히 해야한다.후딱
반성의 시간내 할 일 끝났다고 무언가 더 하려고 하지 않았다.세상 쉬운 일을 맡아서 빠르게 끝낸 후에 뭔가 더 추가하거나 할 생각을 하지 않았다.(누칼협으로 쉬운거 한거 아니고 내가 고름)충분히 다른 팀원이 맡은 파트를 내가 해볼 수도 있는 시간이었음에도 불구하고 도전
Throttling 과도한 이벤트 요청의 실행을 막기 위해 leading edge 처음 이벤트 실행 후 딜레이를 설정 trailing edge 마지막 leading edge & trailing edge 처음 또는 마지막 Debouncing 바운싱현상(처음에 온
memoization리렌더링의 발생조건컴포넌트에서 state 변경그래서 불변성 중요모아서 한꺼번에 batch updateprops가 변경부모 컴포넌트가 리렌더링 된 경우 자식 컴포넌트는 모두 리렌더링최적화 - 렌더링을 얼마나 적게할 것인가, 불필요한 렌더링을 어떻게 줄
드디어 내일배움캠프의 기나긴 여정을 마무리하는 최종 프로젝트가 시작되었는데, 이 소중한 5주의 기간 동안 모든 팀원들이 함께 최선을 다 하겠다는 의지를 담았습니다. 저희 프로젝트 주제인 혼합주 레시피 추천 애플리케이션을 연상시킬 수도 있는 팀명입니다.Target: 술을
디자이너님과의 소통으로 와이어프레임 수정기능에 대해 회의역할분담상세페이지를 맡게 됨글을 가져오고, 댓글 CRUD할 예정Detail페이지의 ui 뼈대 퍼블리싱
flow chart를 처음 작성해봤다.순서도(영어: flowchart)는 워크플로 혹은 프로세스를 보여주는 다이어그램의 한 종류다. 여러 종류의 상자와 이를 이어주는 화살표를 이용해 주어진 문제에 대한 솔루션 모델을 보여준다. 프로세스 작용은 이 같은 상자들과 작업의
Error >Firebase App named '[DEFAULT]' already exists (app/duplicate-app) .env파일에 NEXTPUBLIC으로 설정해야함
Next.js에서 window를 참조하지 못하는 오류 Next.js에서 첫 렌더링 과정에서는 window나 document 전역객체가 존재하지 않는다고 함 useEffect안에 넣어주면 해결 >참고 https://handhand.tistory.com/272
textarea에 입력받은 텍스트에 줄바꿈이 있을 때줄바꿈이 출력되지 않는 문제replace, replaceAll 모두 안먹음\-> p태그를 pre태그로 바꿈해결 땅땅Error: Objects are not valid as a React child (found: obj
FirebaseError: Invalid document reference. Document references must have an even number of segments, but XXX has 1.post가 불러와지지 않은 상태에서 post안의 값을 참조하려고
https://radical-cheddar-a6b.notion.site/OHZU-MVP-3bbf393598c7489e9cdb32ced853d35a며칠차더라....너무 힘들었읍니다..