TO-DO LIST - 24강 Big Picture ~ 28강 리액트 상태 - 4 - Form Input - 17:00 정기 팀 회의 배운 내용 요약 정리 이벤트: 프로그래밍하고 있는 시스템에서 일어나는 사건 action 혹은 발생 occurance - 이벤트 핸들러 이벤트가 발생되면 실행되는 코드 블럭(보통 프로그래머가 만드는 자바스크립트 함수) 코드 블럭이 이벤트에 응답해서 실행되기 위해 정의되었을 때, 이를 이벤트 핸들러를 등록(register)했다고 함 HTMLButtonElement 버튼에는 어떤 이벤트 핸들러가 있을까? The HTMLButtonElement interface provides properties and methods (beyond the regular HTMLElem..
SuperCoding
TO-DO LIST - 18강 리액트 기본 - 2 - JSX ~ 23강 1주차 Wrap-up 수강하기 - 17:00 정기 팀 회의 배운 내용 요약 정리 JSX (JavaScript XML) JavaScript 안에 있는 HTML 코드 하나의 컴포넌트에는 반드시 하나의 root element를 리턴해야 한다. BEM 네이밍 규칙 CSS 클래스 명에 대한 네이밍 컨벤션 소문자 숫자만 조합 조합은 하이픈(-)으로 연결하여 작명 네이밍 조합은 형태 > 의미 > 순서_상태를 기본 순서로 사용 (예) btn-cancel-01-off 4. 네이밍 조합의 _ 는 파일, 폴더, 이미지 등에 사용 https://getbem.com/naming/ BEM — Block Element Modifier BEM — Bl..
TO-DO LIST - 13강 JS(ES6+) Part 9. ~ 17강 리액트 기본 - 1 - 컴포넌트 수강하기 - 17:00 정기 팀 회의 배운 내용 요약 정리 원시 타입은 값을 콜 스택에, 객체 타입은 값을 힙에 저장 Object.assign({}, profile2); // 얕은 복사 깊은 복사는 lodash 사용 비구조화 할당 스프레드(...) 연산자 스프레드 연산자는 이터러블 객체에서만 가능 이터러블: 순회 가능한 객체. For...of 반복문 사용이 가능 (배열, 문자열, Map, Set...) (예시) const [a, b, ...others] = [1,2,3,4,5]; console.log(others); // [3, 4, 5] const add = function (...
TO-DO LIST - 9강 JS(ES6+) Part 5. ~ 12강 JS(ES6+) Part 8. 수강하기 - 17:00 정기 팀 회의 배운 내용 요약 정리 - 배열 키를 가지고 있지 않다. 순서를 고려한다. 인덱스로 값을 참조한다. const newArray = [1,2,3]; - 오브젝트 키를 가지고 있다. 순서를 고려하지 않는다. 키로 값을 참조한다. cosnt newObject = { a: 1, b: 2}; const birthYearArray = [1990, 1993, 1998]; const agesArray = birthYearArraymap(birthYearValue => 2023 - birthYearValue); // birthYearArray.map(birthYearValue..
TO-DO LIST - 6-1강 JS(ES6+) Part 2. ~ 7강 JS(ES6+) Part 3. 수강하기 - 17:00 정기 팀 회의 Internet - How does the Internet Work? 읽기 배운 내용 요약 정리 - 변수 선언 방법 let const var (ES5 이전) - 연산자 할당 연산자 - 타입 변환과 타입 강제 const birthYear = '1990; // string console.log(Number(birthYear) + 1); // number 타입으로 변환 console.log(Number('Hello')); // NaN console.log("나는 " + 22 + "살입니다."); console.log("20" - 5.5); // 14.5 암묵..
오늘의 다짐 자기 비하나 과장하지 않기 상대방을 진심으로 칭찬하기 상대방의 감정을 인정하고 이해하기 TO-DO LIST - 10:00 Daily Scrum - 1강 오리엔테이션 ~ 5강 JS(ES6+) Part.1 수강하기 - 17:00 정기 팀 회의 Internet - How does the Internet Work? 읽기 배운 내용 요약 정리 JavaScript(ES6) / React / Frontend Tools / TypeScript / Next.js Frontend Developer Roadmap - 리액트 UI를 만들기 위한 JavaScript 기반의 라이브러리 매번 서버로부터 HTML 파일을 받아오지 않더라도 js 조작함으로써 새롭게 페이지 조작 가능 (기존의 전통 웹 브라우저 방..
이번 주 목표 달성 여부 및 다음 주 목표 설정 하하하.. 그래도 강의는 다 들었다 출석도 다 했고.. 그래도 파이썬, c언어 정도는 기초 지식이 있어서 빨리 빨리 따라갈 줄 알았으나 모든게 새로워서 따라가느라 고생 좀 했다.. 거의 따라쓰기 그 자체였지만, 시간이 되면 당근마켓을 좀 더 많은 기능과 디자인을 만들어 봐야겠다. 부족한 점 아직 그냥 정말 다 부족하다. 복습하고 적용할 시간이 없어 빨리 빨리 진도만 따라잡았는데, 앞으로 더 해야지 뭐 스스로 시도해본 것들 이번주는 스스로 시도를 거의 못했다. 해결 내용 알게된 점 정말 많은걸 알게 됐다.. 물론 내 머릿속에 다 들어온건 아니지만 프레임워크도 번들러도 처음 써보고 데이터베이스 관리, 깃허브, 그 외 배포 사이트들... 모두 모두..
✔ WHAT TO DO 10:00 Daily Scrum 75강 파이어베이스로 유저 인증 및 소셜 로그인 ~ 78강 Wrap-up 수강하기 주특기 설문조사 ✔ 부족한 점: 다 부족한 것 같다.. 이해한건 거의 없는 느낌 ㅠㅅㅠ ✔ 스스로 시도해본 것들: ✔ 해결 내용: ✔ 알게된 점: 모든 것.. ✔ 헷갈리거나 실수한 점: 구글 로그인 연동 ✔ 회고: 드디어 2주의 강의가 끝났다.. 이해한 것도 있지만, 아직 못한 채로 코드만 따라쓴게 대부분인데, 혼자 조금 더 공부하다보면 배울게 많을 것 같다. 앞으로 정말 피나는 노력이 필요하겠다.
