공대생 개발일지 공대생 개발일지

* 문제상황 : 강의에서 옵셔널 체이닝을 쓰면 된다고 하는데, 뭔지 몰라서 찾아봄 * 옵셔널 체이닝 '?.' 이란? - 체인의 각 참조가 유효한지 명시적으로 검증하지 않고, 연결된 객체 체인 내에 깊숙이 위치한 속성 값을 읽을 수 있음 - ?. 연산자는, 참조자가 nullish(null 또는 undefined)라면, 에러가 발생하는 대신 표현식의 리턴 값은 undefined로 단락됨. 함수 호출에서 사용될 시, 주어진 함수가 존재하지 않으면 undefined를 리턴함 * 현재 상황에 적용하여 이해 - 비동기로 이루어지는 상황을 해결하기 위함 *참고 자료 https://coding-farmer.tistory.com/4 옵셔널 체이닝(optional chaining)의 개념 및 장점을 알아보자 목차 지난 게..

1. 문제상황 - git을 클론해서 쓰라는데 어케하는 건지 모름 2. 시도한 방법 - 해결과 동일함 3. 해결 - git bash가 깔려있어야함 - clone하려는 git 리포지토리의 주소가 있어야함(당연함;;) 1) clone하려는 git 리포지토리 주소 복사 https://github.com/--------/-------.git 2) clone할 폴더에 들어감 3. 오른쪽 마우스 클릭해서 git bash here 클릭 4. 나오는 git bash 창에 아래 명령어 붙여 넣기 git clone //아까 복사해놓은 거 넣으면 되는 거임 끝~ 쉽다!! * 참고자료(고대로 씀. 감사합니다) https://ittrue.tistory.com/91 [Git / Github] 깃허브 클론 (clone) 하는 방법 ..

1. 스타일 컴포넌트 이름 짓기 2. filter(css) 3. fontawsome 4. useState 하나로 여러 값 관리하기 5. 숫자 3자리마다 콤마 넣기 6. 특정문자 제거하기 7. 모달창 만들기 8. 상속적용하기 (inherit) 9. 스타일 컴포넌트에서 hover, action 등 사용하기 10. Boolean 과 boolean의 차이 1. 스타일 컴포넌트 이름 짓기 https://heycoding.tistory.com/71 [React] Styled-components Naming Styled-components란? Javascript 파일 내에서 CSS를 사용할 수 있게 해주는 대표적인 CSS-in-JS 라이브러리로 React 프레임워크를 주요 대상으로 한 라이브러리 기존 돔을 만드는 방..

* TIL 작성방법 1. 어떤 문제가 있었는지? 2. 내가 시도해본 것들 3. 해결 4. 알게 된 점 1. 어떤 문제가 있었는지? - 버튼만 오른쪽으로 옮기고 싶음 - 아래 사진 참고 2. 내가 시도해 본 것들 https://www.daleseo.com/css-align-right/ CSS로 HTML 요소 우측 정렬하기 (Flexbox/Grid) Engineering Blog by Dale Seo www.daleseo.com - 위의 글 참고함 - 어차피 버튼이 속한 div에 flex가 설정되어 있어서 flex 방법을 사용하기로 함 3. 해결 /*부모 div*/ .inputTodoBox{ display: flex; } /*자식 button*/ .inputTodoBox > button{ margin-lef..

TIL작성방법 어떤 문제가 있었는지 내가 시도해본 것들 해결 알게 된 점 1. 어떤 문제가 있었나? yarn start react-app //만들 리액트 이름 위와 같은 오류 발생했음. 2. 내가 시도해 본 것들 +) 모두 친절한 프로그램 동기분이 도와주셨음을 분명히 명시합니다. 이렇게 정리하는 것 또한 그 분이 친절히 자료를 정리해서 주셔서 할 수 있었습니다 * 계정 이름을 바꿈 Hong Ye Won -> HongYeWon 이 방법을 시도해 본 이유 : - 항상 공백으로 문제가 났었고, 이번에도 오류 메세지가 그렇게 떴기 때문임 * 사용자 명을 바꾸기 위해 사용한 방법 (1) 사용자 이름 공백에 대한 리액트 공식 문서 https://github.com/facebook/create-react-app/is..