배열의 요소가 무엇을 구성되어 있는가?원하는 항목이 배열의 몇번째 요소인지 찾고자 할때, 우리는 무엇을 먼저 확인해야 할까?바로, 배열의 요소가 가진 타입이다.배열은 항목으로써 Number, String, Blooean, Object, Array를 요소로 가질 수 있다
문법 : arr.splice(n, m) : 특정 요소 지우기특정 요소 지우고 추가하기arr.splice(n. m, x)arr.splic(n, 0, "추가할 요소");
부족한 개념 확인 Promise Chaining의 의미 then 메소드가 반환하는 promise객체와 콜백 함수가 리턴하는 promise 객체의 차이 콜백 함수가 리턴한 결과가 then 메소드가 반환하는 promise 객체에 어떤 영향을 주는지 먼저, promise
Q1. 웹 브라우저에서 데이터를 정렬하는 것이 아니라,서버에서 정렬한 데이터를 받아오려면 어떻게 하면 될까?useEffect를 사용해서 정렬값이 변경될 때마다, 서버에서 데이터를 받아오도록 설정한다. 콜백 : React가 비동기로 실행할 함수배열 : dependency
뒷사람이 포장을 전부 끝냈어도 앞사람이 끝내지 못하면, 퇴장할 수 없으며,앞 사람이 포장을 끝내면, 포장을 마친 뒷사람들과 함께 한 번에 나가게 되는 진열대가 있다.주의 사항 : 포장을 전부 끝낸 사람이 있더라도, 앞사람이 포장을 끝내지 않으면 나갈 수 없다선형 구조로
서버간 통신에서 Promise 객체를 사용하기 위해 fetch 함수가 리퀘스트를 받고 리턴하는 promise 객체를 이용한다.하지만, fetch 함수로 promise 함수를 수동적으로 받아오는 것이 아닌,직접 promise 객체를 생성하는 것이 가능한다. 위 코드는 n
LEFT OUTER JOIN 은 왼쪽에 있는 item 테이블을 기준으로, 오른쪽의 stock 테이블을 합치라는 뜻이다. 그렇다면, 두 테이블을 어떤 기준으로 합치라는 걸까?그 기준은 바로 다음 줄에 있는 ON 으로 시작하는 구문이다.이 말은 두 테이블을 합칠 때, it
웹 개발을 위한 데이터, 로직, 출력이 한 곳에 섞어 개발을 진행했었다. 이는 '시스템의 수정'에 대한 필요성보다, 많은 웹을 개발해야했던 시기였기에 문제는 없었다.그러나, 데이터, 로직, 출력이 한 데 엮이면서 유지보수가 어려워진다는 치명적인 문제점을 해결하지 못했
10억 개의 데이터를 한 화면에 전부 보여 줄 수 없을 때, 일정한 길이로 끊어서 전달하는 기술이다.프론트엔드에서 현재 위치(Offset)과 추가로 보여줄 컨텐츠의 수(Limit)를 백엔드에 전달해야하기 때문이다.Limit(= page size) : 한 페이지에 보여줄
"HTTPS는 HTTP보다 안전하다!" 무엇으로부터 안전한거야!? 크게 두 가지로 나뉜다. 내가 접속한 사이트의 기록을 다른 누군가 훔쳐보지 못하게 한다. 접속한 사이트가 신뢰할 수 있는 사이트인지 알려준다. 예를 들어 네이버에 접속해서 ID와 PW를 입력한 뒤,
어떤 유형의 값이 2가지가 들어 올 때, 그 중 1가지가 null인 즉, 데이터가 없는 케이스에서 무작정 데이터가 당연히 있다고 생각하고 속성을 접근했을 경우, 잊지 않고 null을 체크하라! 변수 container에 두개의 타입(HTMLElement | null)을
이전 피드에서 News라는 인터페이스를 기반으로 NewsFeed를 만들고, NewsDetail를 만들고, NewsComment를 만들었습니다.이런 식으로 공통 요소를 만들고, 공통 요소를 확잘 할 수 있는 개별 요소를 만드는 것이 상속의 개념입니다.코드를 작성할 때,
setState를 사용하여, number state에 1~3를 이어서 더하는 동작을 구현했다.그러나, 최종 number stat는 6이 아닌, 3이 적용되었다.setState는 비동기적 처리과정을 따르기 때문이다.상태 업데이트는 비동기식일 수 있습니다. React는 s
\[CSS] 레이아웃 Wrapper 만들기wrapper를 구현할 때 가장 먼저 결정할 것은 너비이다. 보통 1000px - 1300px 사이 값이 일반적이다.화면 크기가 1170px 미만일 경우 가로 스크롤이 발생하므로, max-width로 최대 너비만 사용할 수도 있
기존 라우팅 아키텍처는 라우팅이 실행 중인 앱 외부의 구성에서 처리되었다.그러나, React Router DOM은 앱 및 플랫폼의 요구 사항에 따라 컴포넌트 기반 라우팅을 용이하게 한다. 쉽게 말해, 웹 앱에서 동적 라우팅을 구현 할 수 있게 해주는 라이브러리 이다.리