- 전체보기(55)
- js(21)
- lv.0(2)
- 2023.03.23(2)
- 2023.03.16(2)
- 2023.03.14(2)
- this(2)
- 생성자(1)
- charAt(1)
- 증감 연산자(1)
- 쉐도잉(1)
- 타입스크립트 인터페이스(1)
- 2023.02.15(1)
- substring(1)
- promise(1)
- every(1)
- indexOf(1)
- http(1)
- Js실행(1)
- 호이스팅(1)
- findIndex(1)
- 객체(1)
- dynamic binding(1)
- async await(1)
- number(1)
- node.js(1)
- 내장객체(1)
- class(1)
- 변수정의(1)
- 2023.01.15(1)
- 콜백함수(1)
- Axios API(1)
- SOME(1)
- 자바스크립트(1)
- error(1)
- REST API(1)
- find(1)
- protocol(1)
- repeat(1)
- 제어문(1)
- filter(1)
- foreach(1)
- new(1)
- Sort(1)
- 함수(1)
- DOM(1)
- CSS(1)
- 문자열 빈칸 제거(1)
- 문자열 공백 제거(1)
- reduce(1)
- 모듈 보내기/받기(1)
- 구조 분해 할당(1)
- execution context(1)
- 화살표 함수(1)
- 데이터 타입(1)
- 타입스크립트 제네릭(1)
- split()(1)
- spread operator(1)
- Fetch(1)
- 실행 컨텍스트(1)
- 타입스크립트 유니온 타입(1)
- substr(1)
- toString(1)
- slice(1)
- 변수(1)
- 2023.03.21(1)
- Map(1)
- 2023.03.08(1)
- closure(1)
- 2023.03.06(1)
- 클로져(1)
- 이벤트(1)
useRef
useRef는 리랜더링시(app을 다시 부름)에도 값이 보존된다. 하지만 숫자를 주고 카운팅 버튼을 만들어 값을 올릴 때에는 내부적으로는 숫자가 올라간다. 변수의 경우 함수가 아니므로 처음에 선언한 값으로 불려진다. let number = 0 이면 버튼으로 값을 올려도
리액트 라우터 그리고 라우터 훅
설치 : React-Router-Dom 라이브러리 사용. import {BrowserRouter as Router, Routes, Route, Link, useNavigate, useLocation, Redirect} from 'react-router-dom' 페이
CSR로 댓글 기능 구현
CSR 구현① 페이지 로드 시 필요한 리소스를 클라이언트에 미리 선언② 클라이언트에서 필요한 데이터를 비동기 호출 받음③ 클라이언트가 전달받은 데이터를 가공, 리소스를 사용하여 화면에 표시.클라이언트에 리소스 선언 -HTML Template\-클라이언트에 리소스 선언
369 게임
\-0을 고려하지 않아서 테스트 케이스에서 통과가 되지 않았다.\-조건에 0보다 큰 값일 경우를 추가.\-풀이는 답답해서 이것저것 넣다가 많이 이상해졌다.\-정규식을 사용해 3,6,9에 해당하는 것들만 뽑아 배열을 만들고 길이를 반환했다.\-공백을 더해 쉽게 문자열로
인덱스 바꾸기
\-기존 값을 보존하면서 각 인덱스 값을 바꾸는 부분.\-배열 복사를 통해 해결.\-구조 분해 할당을 통해 각 인덱스 값의 위치를 바꿨다.\-구조 분해 할당 인덱스 부분.
배열 회전시키기
\-없음\-없음\-pop/shift가 빼낸 배열의 값을 반환하는 것을 이용해 만든 간단한 식이다.\-내 식과 달리 간결하고 반복문이 없어서 가독성이 좋다.\-없음
Express.js : 게시판 CRUD 준비
\-서버에서 클라이언트로 보낼 html 형태를 템플릿으로 저장.\-동작시 서버에서 데이터와 html을 조합하여 보내줌.템플릿 작성 문법/템플릿을 html로 변환하는 기능 제공\-Express.js 템플릿 엔진들EJS- html과 유사한 문법의 템플릿 엔진Mustach
MongoDB, populate
용어정리 -리소스 : 서비스와 서비스가 주고 받는 데이터 ex) 문자열, JSON, xml, 파일 등 -클라이언트 : 서버에 요청을 보낸 주체 -HTTP 요청 메소드 : post/get/put/delete .. http 프로토콜에서 지원하느 액션들, 특정 리소스에 대한
가위 바위 보
\-없음\-없음\-각 가위바위보 규칙에 맞게 객체를 생성하고 매개변수를 배열화하여 해당 배열의 요소에 해당하는 값을 뽑아냈다.arr2 = 0, arr0 =5, arr5 = 2\-객체의 대괄호 안에 키 값을 입력하면 밸류가 반환된다.
문자열 정렬하기 (1)
\-배열 함수로 parseInt, Number를 쓰는 경우에도 문자열 "0"이 출력이 되지 않았다.\-정규식을 활용해서 문자를 전부 제거한뒤 오름차순 정렬하여 숫자값으로 변환.\-정규식으로 숫자인 문자를 전역검색하여 정렬후 숫자 값으로 전환.\-match : 캡처 그룹
대문자와 소문자
\-문자열 매개변수를 아스키 코드로 변환하여 조건문에서 대문자/소문자를 분리하여 각각 소문자/대문자로 바꿔주려 했다.\-그러나 조건 설정에서 64<대문자 아스키값<91을 두니 문자열 모두가 출력이 되었다.\-조건식을 다음과 같이 만들어주니까 해결 되었다.\-
Node.js : NPM, 서버, NPX, 모듈, require,
NPM, NPM 명령어, NPX, Node.js의 모듈 및 작성과 사용, require
숨어있는 숫자의 덧셈
문자열을 배열로 만들어 sort를 통해 정렬함으로써 알파벳과 숫자를 분리해보려고 했으나 숫자가 문자열로 입력되었기에 잘 되지 않았다.\-배열 매소드로 각 값을 parseInt를 해주고 typeof를 통해 숫자인 요소만 남겨보려 했으나 undefined가 반환되어 실패했
특정 문자 제거하기
막힌 부분 -반복문과 slice를 통해 letter와 같은 문자일 경우 제거하는 식으로 코들 짰으나 slice는 문자를 추출하는 함수여서 풀리지 않았다. 막힌 부분의 해결 -약 20분 정도를 다른 방법들로 시도해보았으나 기존의 방법과 크게 다르지 않았기에 특정 문