# js

5376개의 포스트

[FE] Without Redux MiddleWares

: 이 글 이전에 2개의 포스팅을 하면서 Redux MiddleWare에 대해서 열심히(?) 알아봐놓고 갑자기 middleware 없이?에 대한 주제로 글을 써본다. 여담이지만 Frontend 개발 시장의 변화 속도는 너무 빨라서 비유적으로 표현해보면 나는 이전 프로젝

방금 전
·
0개의 댓글
post-thumbnail

[프론트엔드] To Do List

To Do List 만들기!

35분 전
·
0개의 댓글
post-thumbnail

실무용 폴더구조 (패턴), 파일관리

리액트에서 사용하는 유명한 패턴으로는 container / presentational 패턴과 atomic 패턴이 있습니다.

약 2시간 전
·
0개의 댓글

shorthand property

💡 shorthand property 적용 전 💡 shorthand property 적용 후 shorthand property는 객체를 정의할 때 객체의 key값과 value 값이 같으면, 각각 표기하지 않고 한 번만 표기하는 것을 의미합니다

약 2시간 전
·
0개의 댓글

JS | 자바스크립트 구조분해할당 Destructing Assignment

배열이나 객체의 속성을 해체하여 그 값을 개별 번수에 담을 수 있게 하는 표현식

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

Mission: 선택 된 옵션은 리스트에서 보이지 않게 하기(feat. Map)

row에서 한가지 옵션을 선택했다면 나머지 row에서는 선택한 옵션을 제외한 리스트가 보이도록 한다.(selected options가 중복된 값을 가질 수 없도록 하기위함)코드에 대한 설명은 주석으로 대체 하겠다.간단한 custom select box를 만들어 보았다.

약 4시간 전
·
0개의 댓글

onclick 직접 할당과 addEventListener의 차이

ref : https://foamless.tistory.com/627

약 6시간 전
·
0개의 댓글

[매일 개념] this

this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기 참조 변수this는 코드 어디서든 참조 가능일반적으로 객체의 메서드 내부 또는 생성자 함수 내부에서만 의미가 있음함수를 호출하면 인자와 this가 암무적으로 함수 내부에 전달식별자와 값을 연결하는

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

[ToyProject] 이미지 슬라이더

마우스를 올리면 생기는 next, prev 버튼으로 오른쪽 또는 왼쪽 이미지로 이동할 수 있다.아래에 있는 Indicator를 눌러서 내가 원하는 인덱스로 바로 이동할 수 있다.Autoplay 버튼을 추가해 일정시간 마다 이미지가 넘어가도록 할 수 있다.position

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

JavaScript 객체

오늘은 자바스크립트의 객체에 대해 공부하도록 하겠습니다.모던 자바스크립트 튜토리얼을 참고하였습니다.자료형 챕터에서 배웠듯이 자바스크립트엔 여덟가지 자료형이 있다. 이중 일곱 개는 오직 하나의 데이터(문자열, 숫자 등)만 담을 수 있어 '원시형(primitive type

약 19시간 전
·
0개의 댓글

[JS] 메서드

객체의 프로퍼티에 함수를 할당해 객체에게 행동할 수 있는 능력을 부여해줍니다.객체 debug에게 콘솔에 출력할 수 있는 능력을 부여해줍니다.log는 debug 객체의 메서드입니다. console.log 매우 비슷합니다. 지금까지 콘솔 창에 결과를 출력하려고 사용했던 함

약 21시간 전
·
0개의 댓글

[JS] 객체리터럴

객체는 여러 개의 변수를 하나의 변수로 묶을 때 사용합니다. 객체는 중괄호 {...}를 이용해 만들 수 있습니다. 중괄호 안에는 ‘키(key): 값(value)’ 쌍으로 구성된 프로퍼티(property) 를 여러 개 넣을 수 있는데, 키엔 문자형, 값엔 모든 자료형이

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

[매일 개념] 자바스크립트 변수 타입

<span style="background-color:원시타입의 변수들은 데이터 복사가 일어날 때 메모리 공간을 새로 확보하여 독립적인 값을 저장불변성을 갖고 있음메모리에 직접 접근이 아닌 메모리의 위치에 대한 간접적인 참조를 통해 메모리에 접근하는 데이터 타입원

약 21시간 전
·
0개의 댓글

[JS] parameter, argument

매개변수를 parameter, 인수를 argument 라고 합니다.외우기선언 parameter 매개변수호출 argument 인수

약 22시간 전
·
0개의 댓글

3-2 프로젝트 시작

XMLHttpRequest를 사용할건데, 우리는 이것을 알 수 없다.이런것들을 사용하기 위해서는 먼저 그걸 그대로 검색해야하는데, 검색하면 도큐먼트가 나온다.거기서 OPEN을 찾아서 내용을 기입한다.

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

내가 볼려고 쓰는 Js이론(part 1)

let,var => 값이 변경 가능 한 것(값이 변하는 것)const => 값 변경이 불가능 한 것(값이 안변하는 것)변수명 규칙 =>문자형 => string숫자=> number불리언(boolean) => true/false (참 거짓 판단)nullundefidedty

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

새마음 새뜻으로 시작하기

강의를 들을만큼 들었다고 생각합니다.그렇다고 해서 프론트엔드를 마스터한건 아니지만, 적어도 지금부터는 단순히 강의만 듣고 있을것이 아니라 직접 제가 저의 웹사이트를 만들어보는게 실력향상에 더 도움이 된다고 생각합니다.거의 6개월을 강의만 들으면서 공부했습니다.

어제
·
0개의 댓글
post-thumbnail

JS 스터디 13장

모던 JS Deep Dive 스터디 13장 스코프

어제
·
0개의 댓글

변수 호이스팅 (Variable Hoisting)

var 키워드로 선언된 변수의 문제점함수 레벨 스코프전역변수의 남발for loop 초기화식에서 사용한 변수를 for loop 외부 또는 전역에서 참조할 수 있다.var 키워드 생략 허용의도하지 않은 변수의 전역화중복 선언 허용의도하지 않은 변수값 변경변수 호이스팅변수를

어제
·
0개의 댓글

Array.prototype.forEach()

forEach()는 주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행삭제했거나 초기화하지 않은 인덱스 속성에 대해서는 실행하지 않는다.forEach()로 처리할 요소의 범위는 최초 callback 호출 전에 설정된다. forEach() 호

어제
·
0개의 댓글