시리즈

5/25~6/22 Section 2 TIL

1.JavaScript [고차함수, 추상화] +5/31 추가

5/24 section 2의 첫 날 조금 더 넓게 생각하고 나눠서 생각하자

2022년 5월 24일

2.[JavaScript 클래스와 인스턴스]

객체 지향 프로그래밍 OOP (Object-Oriented Programming)

2022년 5월 25일

3.[JavaScript 객체 지향 프로그래밍] 캡슐화, 추상화, 상속, 다형성

객체 지향 프로그래밍 캡슐화 추상화 상속 다형성

2022년 5월 25일

4.[Javascript 프로토타입] prototype, proto

prototype, 클래스, 인스턴스, 프로토타입의 관계

2022년 5월 25일

5.[JavaScript 프로토타입 체인 OOP 상속 ] extends, super , Object.create()

❗️주의 : 공부 중인 사람의 글입니다.

2022년 5월 26일

6.[JavaScript 프로토타입] Learn more... ES5 문법으로 상속 구현하기

ES5 문법으로 상속 구현하기

2022년 5월 26일

7.[JavaScript 배열 메서드 구현] Underbar 라이브러리 구현하기

이번 페어 프로그래밍 시간에는 underscore.js 라이브러리를 underbar 라이브러리로 비슷하게 구현해보는 시간을 가졌다. slice, forEach, indexOf, filter, map, reduce 등 배열 메서드를 직접 함수로 작성해보면서 각각이 어떠한

2022년 5월 27일

8.[JavaScript 비동기] callback, promise

(공부 중인 사람의 글입니다) 어떤 개념인지 이해는 되는 것 같은데 아직 실제 코드로 작성하기가 어렵다... ✅ TIL synchronous, asynchronous blocking, non-blocking setTimeout() promise, then, catch

2022년 5월 29일

9.[JavaScript 비동기] 타이머 API 실습

❗️공부 중인 사람의 글입니다 ✅ TIL callback, Promise, async/await 구현 방법을 이해하기 개념이 잘 이해가 안 가서 아직 헤매는 중이다. 많이 써서 익숙해져야 할 것 같다... delay / sleep delay는 콜백함수에서 쓰이고 s

2022년 5월 30일

10.[JavaScript 비동기] Node.js +5/31추가

❗️공부 중인 사람의 글입니다 ✅ TIL Node.js 내장 모듈 사용하기 서드 파티 모듈 (3rd-party module) 불러오기 fs.readFile 사용하기 1. Node.js란? 비동기 이벤트 기반 JavaScript 런타임 2. Node.js 내장 모듈

2022년 5월 30일

11.[JavaScript 비동기] fetch API

fetch API대표적인 비동기 요청으로는 네트워크 요청이 있고, 그 중 URL 요청이 흔하다.fetch API는 URL 요청을 가능하게 해주는 API이다.브라우저에서 사용되며 특정 URL로부터 정보를 받아오는 일을 한다.

2022년 5월 31일

12.React 기초 (시작)

오늘은 말로만 듣던 React에 대해 직접 배워보고 페어님과 함께 React 실습을 진행했다 아직까진 그저 재밌다..!! Before Learn... 함수형 프로그래밍과 고차 함수 개념에 대한 이해 페이지 단위로 프론트엔드 개발 -> React를 통해 컴포넌트라는

2022년 6월 2일

13.[React] SPA / React Router 라이브러리

오늘은 좀 더 눈에 보이는 React SPA 실습을 진행했다. JS DOM을 사용할 때 보다 훨씬 간결하고 편리하게(?) 사용할 수 있는 것 같다! Before learn... 웹 애플리케이션이란? : 동적인 기능을 가진 웹 웹 브라우저 환경에서 사용할 수 있는 응용 소프트웨어 라우팅이란? : 다른 주소에 따라 다른 뷰를 보여주는 것 : 경로에 따른 뷰...

2022년 6월 3일

14.[React] States & Props / 이벤트처리

S2U6 W7D2 벌써 7주차의 시작이자 전체 과정의 4분의 1을 마치고 4분의 2로 들어가는 시점이다 점점 어렵고 매일마다 사고의 확장이 요구된다... 낯설어서 그런 거야... 익숙해지면 괜찮을 거라고 생각한다..! 수료 이후 나의 모습이 기대된다 ㅎㅎ 화이팅!! Before learn... JSX란 자바스크립트가 확장된 문법이다. React ...

2022년 6월 7일

15.HTTP / 네트워크 (1) 기초 (시작)

오늘은 정말... 방대한 양의 생소한 지식을 공부했다. 너무 어렵고 낯설다.. 전부 완벽하게 이해하고 글을 남기는 것은 아니지만 후에 내가 보고 공부하는 데 도움이 되도록 일단 기록을 남긴다! 지금 읽고 있는 책이 도움이 많이 될 것 같다 화이팅...!!! 언어적 이

2022년 6월 9일

16.HTTP / 네트워크 (1) 기초 추가 (... 어렵다)

이걸 배우고 '컴퓨터와 함께 자라면 좋았을 텐데' 라고 생각했다.. ... 그래요 이하 생략... 프로젝트에 들어가면 API 문서부터 만들거나 짠다. 와이어프레임 잘 짜고 Rest API 보고... 웹 개발에서 클라이언트 : 웹 브라우저 (or 웹 크롤러) 서

2022년 6월 9일

17.HTTP / 네트워크 (2) REST API

S2U8 W7D5 금요일이다! 모르고 썼던 인터넷이 이렇게나 복잡한 거였다니 이번 주말에는 책을 통해 공부해야겠다 자주 봐서 친해지자..⭐️ ✅ TIL REST API란? REST 성숙도 모델 Open API / API key 💡 REST API REST: Representational State Transfer API: Application Pro...

2022년 6월 9일

18.HTTP / 네트워크 (3) Postman

S2U8 W8D1주말에 잠시 여행 다녀오니까 다시 월요일이다이제 큰 행사들 끝났으니까...운동 & 공부에 더 집중해야지..!

2022년 6월 13일

19.REST API 디자인하기 / Strapi

https://strapi.io/https://docs.strapi.io/developer-docs/latest/getting-started/quick-start.html위 링크의 튜토리얼대로 REST API 디자인을 해보았다.먼저 터미널에서 stra

2022년 6월 13일

20.[React] 데이터 흐름 / state 끌어올리기

Before Learn... React 컴포넌트 계층 구조로 나누기 React는 페이지 단위가 아닌 컴포넌트 단위로 개발을 시작한다.(bottom-up) props 부모 컴포넌트의 데이터를 자식 컴포넌트로 보낼 수 있다. 데이터는 위에서 아래로 흐른다. (top-down) state : 컴포넌트 내부에서 변할 수 있는 값 데이터 정의 props와 st...

2022년 6월 14일