# js

5893개의 포스트
post-thumbnail

자바스크립트 얕은복사 깊은복사

원본 객체를 복사하여 복사된 객체를 생성한다복사된 객체는 원본 객체와 동일한 메모리 주소를 참조한다따라서, 원본 객체 혹은 복사된 객체 둘중 하나를 변경해도 둘다 변경이 된다객체를 복사 할때 메모리 주소가 아닌 값을 복사한다원본 객체 혹은 복사된 객체 값을 변경해도 서

약 6시간 전
·
0개의 댓글
·

클로저의 활용 2탄

위 예제의 num(1)은 생성자 함수 Counter가 생성할 인스턴스의 프로퍼티가 아니라 즉시 실행 함수 내에서 성언된 변수다. 만약 num 이 생성자 함수 Counter가 생성할 인스턴스의 프로퍼티라면(2) 인스턴스를 통해 외부에서 접근이 자유로운 public 프로퍼

약 9시간 전
·
0개의 댓글
·

JSON

JSON은 JavaScript Object Notation 의 약어로서 자바스크립트의 데이터를 표현하는 하나의 포멧이다.JSON의 자료형\-기본 자료형수, 문자열(큰 따옴표 " 으로 구분), 참/거짓, 배열, 객체(순서가 있는 키/값 들의 집합), nulljson파일은

약 9시간 전
·
0개의 댓글
·
post-thumbnail

lodash 사용법

https://lodash.com/ 의 documentation 을 참고하여 사용법을 알 수 있다.\_.uniq(arr) : 중복되는 내용 제거ex. \_.uniq(\[2,1,2]) => 2,1\_.uniqBy(A, std)A배열안의 객체 데이터들을 std값을

약 10시간 전
·
0개의 댓글
·
post-thumbnail

가져오기 내보내기

1\. 가져오기, 내보내기(1) import \_ from 'lodash' 와 같이 문자 데이터로 from 'lodash' 라고만 명시하면 프로그램은 자동으로 lodash 모듈을 node_modules 폴더에서 찾는다.(2) default export 로 데이터를 내보

약 11시간 전
·
0개의 댓글
·
post-thumbnail

얕은 복사와 깊은 복사

객체를 대입연산자로 다른 변수에 대입하면 이 둘은 같은 객체이므로 둘 중 하나의 내용을 다르게 하면 둘의 내용은 모두 변하게 된다.의도치 않게 이런 경우를 방지하기 위해 '복사'에 대해 배워보자.ex.Object.assign(target, src) 메소드는 target

약 11시간 전
·
0개의 댓글
·

Axios instance,intercepter

Instance .create를 사용해 사용자 정의 구성을 사용하는 axios instance를 생성할 수 있다. 사용한가능한 인스턴스 메소드는 아래와 같다. Config > url만 필수이고 나머지 속성은 옵션입니다. method가 지정되지 않으면 기본적으로

약 13시간 전
·
0개의 댓글
·

로그인/로그아웃 시 화면에 다른걸 띄우기

로그인/로그아웃때 화면에 보여지는걸 다르게 하려면 로컬스토리지에 저장되어있는 토큰을 가져오면 된다. 로그인이 되어있는 상태일 경우 토큰은 존재할 것이고 로그아웃 상태일 경우 토큰은 없을 것이다.

약 13시간 전
·
0개의 댓글
·

HTML 기본 구성요소 - 2

문서형 정의는 웹브라우저가 처리할 HTML 문서가 어떤 문서 형식을 따라야 하는지 알려주는 것으로문서의 처음에 항상 넣어야 합니다.html 태그는 html 문서의 시작과 끝을 의미합니다. 따라서 모든 태그는 html 태그 안에 작성해야 합니다.head 태그는 html

약 16시간 전
·
0개의 댓글
·
post-thumbnail

[러닝 자바스크립트] - 스코프

러닝 자바스크립트 7장 - 스코프

약 16시간 전
·
0개의 댓글
·
post-thumbnail

웹디자인 포트폴리오

마이페이지 일일시호일(日日是好日) 날마다 즐겁고 기쁜 날이라는 뜻 과거에 대한 후회, 미래에 대한 걱정. 과거와 미래를 떠돌며 생각의 미아가 되지 않을 것입니다. 현재 제 눈 앞의 순간에 충실하고자 합니다. 페이지 리뉴얼 오설록

약 17시간 전
·
0개의 댓글
·

[Code Camp 5주차] Regular Expression

Regular Expression 이란 정규표현식이라고 한다.기존의 폼 요소 양식에서 무언갈 포함하고있는지 확인할때 includes를 사용해 확인하였는데 정규표현식으로 사용하게되면 좀 더 편하고 다양하게 확인할수있다이 밖에도 더 알고 싶으면 MDN공식문서를 참고하자!!

약 17시간 전
·
0개의 댓글
·
post-thumbnail

2주차

제목이 아닌 해결책을 링크의 이름으로 하느 것이 어떨까??? 또는 문제와 해결 둘 다 쓰느 것도 방법이고 아니면 상황에 따라 달리??? 내가 질문한 것 html 부스트스트랩 컴포넌트 높이 변경 방법 [ html 부스트스트랩 컴포넌트 높이 변경 방법 -> 반응형 고려

1일 전
·
0개의 댓글
·
post-thumbnail

[JS] 객체

자바스크립트의 8가지 자료형 중 하나로 7가지는 원시형이라 오직 하나의 데이터(문자열,숫자)만 담을 수 있는데 객체형은 다양한 데이터를 넣을 수 있다. let ~ = {key:value}=> 중괄로 객체 선언 = 객체 리터럴 object literal점 표기법으로 프로

1일 전
·
0개의 댓글
·
post-thumbnail

async / await

js는 동기적실행이 된다 api호출에 시간이 걸림결과는?await 으로 api호출을 강제로 기다린다데이터 값을 받아오면 다시 실행

2일 전
·
0개의 댓글
·
post-thumbnail

this

this

2일 전
·
0개의 댓글
·
post-thumbnail

[프로그래머스 | JS] LV.2 오픈채팅방

Problem | 오픈채팅방대부분의 회사가 IDE 복사를 허용하지 않아서 프로그래머스 IDE 창에서 코드를 치는 습관을 들이고 있다. 그래서 tab키 간격이 고르지 않을 수 있습니다 🥲map 을 사용한다. change 되거나 새로 들어오는 경우 다시 map의 닉네임

3일 전
·
0개의 댓글
·
post-thumbnail

Innovation Camp Algorithm feat.Programmers (day5)

미니프로젝트가 끝나고 다음 관문인 알고리즘으로 넘어오게 되었다.프로그래머스의 난이도가 가장 낮은 문제부터 해결을 해나갔으나 너무나도 생소한 분야이기 때문에 처음부터 어려움을 많이 겪게 되었다.(문제의 번호는 이번 innovation camp에서 할당한 번호 기준)직사각

3일 전
·
0개의 댓글
·
post-thumbnail

Javascript - 반복문

형식조건식이 참인도안 반복해서 실행문을 실행실행문이 여러개라면 중괄호로 묶기형식형식for 문 실행 순서시작 부분이 실행되고 조건식, 실행문, 종료식 순서대로 실행된다. 그 후 다시 조건식을 검사해서 조건식이 참이면 실행문과 종료식을 반복해서 실행한다.1 ~ 30 까지

3일 전
·
0개의 댓글
·