본문 바로가기

내배캠 4기 React - TIL

 (64)
221130 TIL React 데이터를 State(내부 상태) Props(외부로 부터 전달받은 상태) 나타내는 render(함수에선 return)가 있다. 상태가 변경될 때 마다 re-render 됨 실제로 변경된 부분만 화면에 업데이트 됨 React : 컴포넌트 집합체 리액트 컴포넌트를 만드려면 함수 형태 함수 이름은 대문자로 시작 리턴하는 것은 컴포넌트가 UI에 어떻게 표기될것인지 명시하는 JSX 문법 사용해서 반환하기 컴포넌트는 꼭 하나의 태그를 반환해야 한다, 다수의 태그를 반환하고 싶으면 부모태그로 감싸야 한다 ( 텅텅 빈 태그 사용 가능) class를 사용할 때는 className을 사용해야 한다. JSX는 자바스크립트에서 작성하는 문법이기 때문에 중간 중간 JS를 작성할 수 있다. 다만, JS를 작성할 때는 중..
221129 TIL 프로젝트가 끝나고 피로가 너무 누적됐는지 하루 종일 피곤해서 오늘 공부는 쉬엄쉬엄 했고 앞으로 공부를 좀 체계적으로 하나씩 해나가려고 노션으로 공부 계획표를 짜보았다. 똑같은 유료강의를 산 대원과 함께 하루 의무량을 정해놓고 체크하기로 했다! 혼자 하는거보다 이렇게 같이 공부하면 훨씬 좋을 거 같다. 계획표대로 잘해보자!! 📌Javascript 심화 : 데이터 타입 1 -2 데이터 타입의 종류 변수 : 변경이 가능한 데이터가 담길 수 있는 공간 bit : 0과 1을 가지고 있는 작은 메모리 조각 -> 조각이 모여서 memory bit는 식별자를 가지고 있다. byte : bit * 8 [1, 0, 1, 1, 0, 0, 0, 1] 변수 = 데이터 식별자 = 변수명 var testValue = 3; // t..
221128 TIL & KPT 📕 Vinabro 기초 프로젝트 KPT 회고록 Keep 어려운 부분은 같이 해결해 나가고 본인이 못한 부분이 있더라도 팀원들 간 대화를 많이 하는 것이 서로에게 도움 되는 부분이기에 이 부분은 유지됐으면 좋겠습니다. Problem & Solution Problem : 설계는 다 되어있는데 코드 지식이 부족해서 그것을 구현해 나갈 때 막히는 부분이 많았고 하나를 해결하면 또 다른 문제가 생기는 일이 종종 일어나 힘들었던 거 같습니다. Solution : 코드에 대한 지식을 기초부터 천천히 확실하게 이해해 나가면서 공부를 해야 할 거 같습니다. Try 일단 코드 분석을 어느 정도는 할 수 있을 정도로 코드 지식을 쌓아야겠고 git 공부를 더 깊게 해서 다음 프로젝트에서 활용을 잘할 수 있도록 해야겠습니다. ..
221125 TIL 프로젝트 마무리 하기로 한 날이였는데 너무나 역부족이였다.. 우리 팀 정말 열심히 했고 최선을 다했는데 지식을 얻기엔 부족했던 부분이 너무 많았고 검색에도 한계를 느껴 많이 지쳤던 거 같다. 할 수 있는 만큼 하고 제출하기로 했다.
221124 TIL 오늘 진짜 열심히 달린 거 같다 주말 전에는 프로젝트를 꼭 끝내자고 팀원들과 약속을 해서 어제 해결 안 되는 문제를 무조건 끝내고 자고 싶었다 비록 코드를 직접 치는 건 팀원분이셨지만 화면 공유하면서 같이 머리 싸매고 고민하니 코드가 흘러가는 흐름조차 이해 안 됐던 내가 점점 코드 흐름이 이해 가기 시작했다. 근데! 파이어베이스 함수를 짜기에는 아직 너무나도 부족한 상태라 진짜 왜 자꾸 에러가 뜨는지 너무 힘들었다. 팀원분이 쉬고 싶어 하셨지만 오늘 이 문제를 해결하지 못하면 잠을 못 잘 거 같아서 붙잡고 계속했다 ㅎ 죄송하네.. 더 이상은 우리가 해결하기엔 역부족인 거 같아서 튜터님을 찾아갔다 아니 이게 문제였다고...? ㅋㅋㅋㅋㅋㅋ팀원 분과 나는 해답을 얻고 진짜 어이가 없으면서도 해결이 돼서 소름 ..
221123 TIL 파이어베이스 부들부들...... 오늘 하루종일 이미지 업로드로 시간 보내고 있는 거 같다. 나도 그렇고 팀원들도 피로 누적에 스트레스에 슬 지쳐가고 있다.. 금요일에 프로젝트 시작하고 토요일에 뼈대 다 완성했어서 시간 넉넉하겠다 생각했는데 이게 무슨.. 일주일만 더 미뤄졌으면 좋겠다. 파이어베이스에 대한 지식이 너무너무 없어서 다 구글링 해야하고 구글링해도 이전 버전 코드가 많다... 머리가 멍해지고있다 허허
221122 TIL !모달창 띄워져 있을 때 배경 스크롤 막는 코드 까먹지 말자! const pageOpen = document.getElementById("pageBTN"); const pageModal = document.querySelector(".pageModal"); const pageClose = document.querySelector(".pageExit"); pageOpen.addEventListener("click", () => { pageModal.classList.remove("hidden"); document.body.style.overflow = "hidden"; //모달창 오픈 시 배경 스크롤 비활성화 }); pageClose.addEventListener("click", () => { pageMo..
221121 TIL 토요일에 이미 만들었던 페이지를 다시 엎고 새로 만들었다. 게시물 작성 페이지라 기능을 많이 넣고 싶었는데 왜 이렇게 어려운지 모르겠다..ㅜㅜ 처음 만들 때 사용자가 텍스를 입력할 수 있게 만들지도 않아서 textarea로 제목 칸과 내용 칸을 수정했고 내용 칸에만 스크롤이 생성되도록 만들었다. 스크롤바 css로 디자인 다양하게 할 수 있던데 뭘 이것저것 많이 할 정신 상태가 아니라 그냥 기본으로 만들어두었다. 그리고 다크 모드 구현하려고 하는데 왜! 자꾸! 안 되는 거냐고... 분명 테스트로 따로 만들어볼 땐 됐는데 왜 우리 페이지에서 하려니 안 되는 건지 뭐가 문젠지 자바스크립트 함수에 대해서 잘 모르니 갑갑하다 진짜. 언제쯤 혼자 코드 짜내려 가는지... 혼자서 코드 분석도 해보고 싶은데 지금은 그..

티스토리툴바