본문 바로가기

Daily/Today I Learned155

22.05.29_일주일간 회고 📌 JavaScript의 심화 부분인 만큼 어려운 부분을 배웠던 한주였고 마음이 맞는 페어도 만난것 같아서 좋았던 일주일 이었다. 📗 일주일간 학습한 내용 기술면접 준비 고차함수 콜백함수 객체지향 클래스와 인스턴스 프로토타입 프로토타입 체인 동기 비동기 promise resolve, reject then catch finally 상태: 대기, 이행, 거부 📘 다음주간 공부할 내용 JavaScript 비동기 node.js fs모듈 fetch API React component SPA props state 📝 일주일 간 느낀 점 & 마음 가짐 일주일간 힘들었지만 재미있기에 여기까지 오게되었다고 생각한다. 앞으로도 의지를 잃지 않고 해보도록 하자! 2022. 5. 30.
22.05.28_TIL 📌 맥북을 구매하고 내일 배송이 오는 날이라 두근두근 했다!! 페어분께서 애플 스토어에 가셔서 보내주신 사진과 팁을 주셔서 너무너무 좋았다!! 맥북프로 2015 13인치 백라이트가 마지막으로 나오는 버전을 사용했는데 리액트를 돌리기 시작하니까 버벅거리기 시작해서 너무 불편해서 고민하면서 찾아보다가 결국 맥북에어 m1 16기가를 구매를 했다 내일 오는데 세팅은 언제하지?....라는 생각이 들었다. 📗 오늘 학습한 내용 JavaScript 동기 비동기 callback promise async/await github sshkey 코드스테이츠 강의 전 세팅 다시해보기 React props 컴포넌트의 속성 읽기 전용 데이터 stats 사용자가 알아서는 안되는 컴포넌트를 내부적으로 사용하는 것(은닉) SPA(sin.. 2022. 5. 29.
22.05.27_TIL 📌 비동기를 처음 들어가는 날이다.. 비동기가 어려운 부분이라고 알고 있는 만큼 더욱 열심히 해야겠다! 📗 오늘 학습한 내용 JavaScript 동기 일이 순차적으로 실행되며 어떤 작업이 수행중이라면 다음 작업은 대기하게 된다. 비동기 데이터를 가져오는 데 까지 대기하는 시간을 없애기 위해서 사용한다. setTimeout callback 함수에 매개변수로 전달된 함수이다. promise 콜백과 하는 일은 같지만 콜백지옥을 해결하기 위해 코드를 조금 더 간결하게 작성하기 위해 나옴. resolve: 결과 값 출력 reject: 에러 결과 출력 promise 메서드 then: 정상적으로 실행될 경우 값 출력 catch: 에러가 발생할 경우 출력 finally: 성공 유무에 상관없이 마지막 값 출력 promi.. 2022. 5. 27.
22.05.26_TIL 📌 프로토타입의 구조에 대해서 조금 더 자세히 알게 되었고, 📗 오늘 학습한 내용 JavaScript 프로토타입 체인 부모 역할을 하는 프로토타입 객체에 접근 할 수 있다. 객체의 값이 존재 하지 않는다면 부모의 프로토타입 객체를 차례로 검색한다. 객체에 없는 값이나 메서드를 접근할 때 프로토타입 체인이 발생한다. 모든 프로토타입 객체의 종점은 Object.prototype이다. . prototype: 해당 객체의 프로토타입 객체에 접근할 수 있다. __proto__: 해당 객체의 부모 객체를 순차적으로 검색 할 수 있다. 전 날 프로토타입에 대해선 학습했지만 체인이라는 말이 들어가니 이어준다는 뜻 같았다. 조금 학습한 내용이 맞다면 모든 객체의 최상위 프로토타입 객체는 Object이고, __proto_.. 2022. 5. 26.
22.05.25_TIL 📌 우리가 사용하고 있는 JavaScript는 객체지향 언어인데 이것의 뜻과 사용법에 대해 자세히 학습하는 시간이 되어 좋았다!! 📗 오늘 학습한 내용 JavaScript 객체지향 클래스와 인스턴스 클래스: 객체를 생성하기 위해 변수와 메서드를 정의하는 일종의 틀 인스턴스: 각각의 고유한 속성과 메서드를 갖는 것 new키워드와 생성자 함수 객체지향 프로그래밍 하나의 모델이 되는 청사진을 만들고, 그 청사진을 바탕으로 한 객체를 만드는 프로그래밍 패턴 객체로 그룹화 시킨다. 장점: 생산성 향상, 유지보수의 우수성, 재사용성 단점: 개발, 실행 속도 저하, 코드 작성 난이도 상승 4가지 주요 개념: 캡슐화, 추상화, 상속, 다형성 프로토타입 모든 객체들이 메서드와 속성들을 상속 받기 위한 템플릿이며, 객체를.. 2022. 5. 25.
22.05.24_TIL 📌 오늘은 고차함수에 대해서 학습하는 날이었다. 고차함수에서 자주 쓰이는 메서드인 filter, reduce, map에 대해서 직접 사용해서 문제를 풀어보는 것을 했는데 아직 메서드를 사용하는데 익숙하지 않았던 것 같다. 조금 더 익숙해져보자! 📗 오늘 학습한 내용 JavaScript 고차함수 함수를 전달인자로 받을 수 있고, 함수를 리턴할 수 있는 함수 일급객체 변수에 할당 할 수 있다. 다른 함수의 전달인자로 전달될 수 있다. 다른 함수의 결과로서 리턴 될 수 있다. 콜백함수 함수의 전달인자로 전달되는 함수 메서드 filter map reduce flat flatmap concat 고차함수가 어렵다는 것은 익히들어 알고 있었다. 하지만 메서드를 조금만 잘 쓰거나 문제를 해결할 때 한문장씩 끊어서 풀다.. 2022. 5. 24.

티스토리툴바