분류 전체보기(191)
-
[프로그래머스/js] 나머지 구하기
나의 풀이function solution(num1, num2) { var res = num1%num2; return res;}
2023.03.24 -
[프로그래머스/js] 몫 구하기
내 코드 function solution(num1, num2) { var res = parseInt(num1/num2); return res; } 이유 정수로 값이 출력되기 위함 다른 방법1 function solution(num1, num2) { return parseInt(num1/num2); } 다른 방법2 const solution = (num1, num2) => Math.floor(num1 / num2) 다른 방법3 function solution(num1, num2) { return Math.trunc(num1 / num2); } 다른 방법4 function solution(num1, num2) { return ~~(num1/num2); } 다른 방법5 function solution(num1..
2023.03.22 -
[코딩알려주는누나 | 부트스트랩 사용법]
Get started with Bootstrap · Bootstrap v5.3 (getbootstrap.com) Get started with BootstrapBootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes.getbootstrap.com 이 링크를 CDN(Content Delivery Network)라고 함 grid: 반응형 웹페이지도 지원
2023.03.18 -
js bind()
bind() ● js 함수 호출 시에 사용할 수 있는 함수 ● bind() 사용 시 새로운 함수를 반환 ● call(), apply()처럼 this를 지정할 수도 있고 또한 원하는 인자를 전달할 수도 있다. 문법 function.bind(thisArg, [arg1, arg2, ...]) ● thisArg - this가 가리킬 객체를 지정 ● setTimeout 내에 콜백 함수를 만들 때, thisArg로 전달된 원시 값은 객체로 변환 ● [arg1, arg2 ...] : 함수의 인자로 전달되는 값 예제 바인딩된 함수 생성 ● bind()의 가장 간단한 사용법은 호출 방법과 관계없이 특정 this 값으로 호출되는 함수를 만드는 것이다. ● 초보들의 흔한 실수는 객체로부터 메서드를 추출한 뒤 그 함수를 추출..
2023.03.13 -
react-query
react-query는 서버의 값을 클라이언트에 가져오거나, 캐싱, 값 업데이트, 에러핸들링 등 비동기 과정을 더욱 편하게 하는데 사용된다. 사용하는 이유 ex) 서버로부터 값을 가져오거나 업데이트 하는 로직을 store 내부에 개발하는 경우가 많다. 그렇다보니 store는 클라이언트 state를 유지해야 하는데, 어느 순간부터 store에 클라이언트 데이터와 서버 데이터가 공존하게 된다. 그리고 그 데이터가 서로 상호작용하면서 서버 데이터도 클라이언트 데이터도 아닌 끔찍한 혼종이 탄생하게 된다.(예를 들면 서버에는 이미 패치된 데이터가 클라이언트에서는 패치되기 전 데이터가 유저에게 사용되고 있는 것이라고 볼 수 있다.) 그래서 react-query를 사용함으로 서버, 클라이언트 데이터를 분리한다. 이 ..
2023.03.12 -
React 기본 파일(index.js, App.js, index.html)
create-react-app을 설치하였을 때 자동으로 설치되는 React의 파일 중 React의 중요한 파일 3가지 1. index.js 2. App.js 3. index.html 1. index.js src 폴더의 하위폴더 메인 프로그램이라고 할 수 있다. 여기에서 html 템플릿 및 js의 컴포넌트를 조합하여 렌더링하고 실제 표시한다 2. App.js src 폴더의 하위폴더 이것은 컴포넌트를 정의하는 프로그램이다. 실제로 화면에 표시되는 내용 등은 여기에서 정의된다. 3. index.html public 폴더의 하위폴더 메인 프로그램인 index.js에 대응되는 것으로, html 템플릿 파일이다. 이 파일이 직접 표시되는 것은 아니고, index.js에 의해 일어 와서 렌더링된 결과가 표시된다. *..
2023.03.10