🌊 TIL : 2023년 3월 27일 오늘 배운 것 순수함수 : 동일한 인자가 들어갈 경우 같은 값이 리턴되야한다. 부수적인 효과가 이루어지면 안된다. return 값으로만 소통한다. function add (a, b) { return a + b; } console.log(add(5, 9)) // 14 비순수함수 : let c = 10; function multiple (a, b) { return a * b * c; } console.log(multiple(5, 9) // 450 c = 1 console.log(multiple(5, 9) // 45 Props : props는 읽기 전용이다. 컴포넌트에서 props를 수정해서는 안된다. 모든 React 컴포넌트는 자신의 props를 다룰 때 반드시 순수 함..

🌊 TIL : 2023년 3월 24일 Props : 외부로부터 전달받은 값, 웹 어플리케이션에서 해당 컴포넌트가 가진 속성, 부모 컴포넌트로부터 전달받은 값. 객체 형태. 함부로 벼 ㄴ경할 수 없는 읽기 전용 객체. 사용방법 1 : 전달하고자 하는 속성을 정의한 후, 전달하고자 하는 값을 중괄호 {}를 이용하여 감싸준다. function Ogu(props) { return ( ) } 하위 컴포넌트에 전달하고자 하는 값과 속성을 정의한다. props를 이용하여 정의된 값과 속성을 전달 전달받은 props를 렌더링한다. 사용방법 2 : 여는 태그와 닫는 사이에 value를 넣어 전달하기. function Parent() { return ( I'm the parent I'm the eldest child );..

🌊 TIL : 2023년 3월 23일 SPA SPA의 등장 배경과 개념 : 전통적인 웹사이트에서는 사용자가 웹사이트 내의 다른 페이지로 이동하면, 브라우저가 페이지를 보여주기 위해 HTML파일로 된 페이지 전체를 불러와야 했다. SPA는 Menu와 Footer와 같이 페이지 전환 전후에 중복되는 부분은 새로 불러오지 않는다. 중복 되는 부분을 계속해서 불러오는 것은 서버와의 불필요한 트래픽을 야기하여 더 느린 반응성을 갖게 되고, 1990년대 후반에 업데이트에 필요한 데이터만 서버에 전달받아 이 데이터를 JS가 동적으로 HTML요소를 생성해서 화면에 보여주는 방식이 개발되어 사용되기 시작했다. 2000년대 중반부터는 이러한 개발 방식을 이용한 웹어플리케이션이 보편화 되었고, 이것이 싱글 페이지 어플리케이..

🌊 TIL : 2023년 3월 21일 오늘 배운 것 리액트의 3가지 특징 선언형 : 코드를 자세히 분석하지 않아도 코드의 의도를 분명히 알 수 있는 방식. HTML/CSS/JS로 나눠서 적기 보다는 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍 지향 컴포넌트 기반 : 리액트는 하나의 기능 구현을 위해 여러 종류의 코드를 묶어둔 컴포넌트 기반으로 개발한다. 컴포넌트로 분리하면 서로 독립적이고 재사용이 가능하기 때문에 기능 자체에 집중하여 개발할 수 있다. 컴포넌트 간의 의존성이 없어져서 독립성으로 작동하고, 재사용성이 가능하기 때문에 기능 작동에 집중하여 개발할 수 있고 유지보수가 편하고 유닛 테스트를 하기에도 편하다. 범용성 : 프레임워크의 경우 다른 프레임워크와 함께 사용할..

🌊 TIL : 2023년 3월 21일 오늘 배운 것 fetch() : https://developer.mozilla.org/ko/docs/Web/API/Fetch_API : fetch API는 특정 URL로부터 정보를 받아오는 역할을 한다. 이 과정이 비동기로 이루어지기 때문에 경우에 따라 다소 시간이 걸릴 수 있다. 시간이 소요되는 작업을 요구할 경우 blocking이 발생하면 안되므로, 특정 DOM에 정보가 표시될 때 까지 로딩 창을 대신 띄우는 경우도 있다. let url = "https://koreanjson.com/posts/1"; fetch(url) .then((response) => response.json()) .then((json) => console.log(json)) .catch((e..

🌊 TIL : 2023년 3월 20일 오늘의 알고리즘 : 문제 자체 유출이 금지되어 있기 때문에 내가 푼 방법만 표시.. 문제 : 문자열을 입력받아 순서가 뒤집힌 문자열을 리턴 내가 푼 방법 문자열이 0인 것은 빈 문자열로 리턴 Array.from을 이용하여 주어진 문자를 배열로 만들기 sort 이용하여 정렬 후 리버스를 하고, 문자열이기 때문에 + 연산자를 사용하고자 결심 그리하여 reduce로 문제 풀이! 타이머 API 질문 리스트 Promise 실행 함수가 가지고 있는 두 개의 파라미터 resolve 와 reject 는 각각 무엇을 의미하나요? → resolve : 주어진 값으로 이행하는 Promise 객체 반환. 이때 지정한 값이 then 가능한 값인 경우 Promise.resolve()가 반환하..

🌊 TIL : 2023년 3월 18일 오늘 배운 것 : 드림코딩 고차 함수 및 배열, 클래스 어려웠던 부분 : 문제 풀이 예전엔 못 했는데 잘 진행됐다! 느낀점 : 비동기까지 진도 나가려고 이전거 보고 있는데 그러다보니 내내 배열 고차함수만 공부하는 기분.. 더 공부할 것 : 비동기까지 화이팅

🌊 TIL : 2023년 3월 18일 오늘 배운 것 : 고차함수, 배열 고차함수/underbar 구현하기, 비동기 어려웠던 부분 : 메서드 없이 메서드 만들기 너무 어려웠다.. 더 공부할 것 : 고차함수, 비동기, 동기