자바스크립트 토이 프로젝트 코드리뷰

api 키 숨기기 => 도용당함토큰이라는 자바스크립트 파일 만들기다른 자바스크립트파일에 적고 불러와서 넣어주고키가 적용된 파일(토큰)은 깃이그노어 처리하기innerHTML보다createElement사용이 성능과 보안상 이점이높음rel="noopener noreferre

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

🤷🏻‍♀️ 동기? 비동기? 그게 뭐죠 6

자바스크립트는 동기식 처리 (Synchronous)한번에 코드 한줄씩 차례로 실행비동기식처리(Asynchronous)오래걸리는 작업이 있으면 제껴주고 다른거부터 처리하는 방식(자바스크립트가 아니라 자바스크립트를 실행하는 브라우저 덕분에 가능한 것 = 웹브라우저의 특수성

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

🤷🏻‍♀️ 고차함수? 콜백? 그게 뭐죠5

고차함수란? 함수를 인자(argument)로 받을 수 있고, 함수의 형태로 리턴할 수 있는 함수💡 인자(argument)란?어떤 함수를 호출할때, 호출문의 ( )안에 들어가는 어떤 값이나 변수💡 매개변수란?함수를 정의하면서 그 전달된 인자를 받아들이는 변수❗️ 인자

2022년 7월 29일
·
0개의 댓글
·
post-thumbnail

🤷🏻‍♀️ Prototype? 그게 뭐죠4

"코딩애플"prototype은 유전자임. 직역하면 '원형'constructor을 만들면 prototype이라는 공간이 자동으로 생김.prototype에 값을 추가하면 모든 자식들이 물려받기 가능특징 : 함수에만 생성됨내부모 prototype을 검사하고 싶다면 : \_\

2022년 7월 28일
·
0개의 댓글
·
post-thumbnail

🤷🏻‍♀️ Array? 그게 뭐죠3

"모던 자바스크립트 딥다이브"배열(array)은 1개의 변수에 여러 개의 값을 순차적으로 저장할 때 사용한다. 자바스크립트의 배열은 객체이며 유용한 내장 메소드를 포함하고 있다.배열은 Array 생성자로 생성된 Array 타입의 객체이며 프로토타입 객체는 Array.p

2022년 7월 28일
·
0개의 댓글
·

💡 var let const 차이를 알아보자!

주요 특징 : 선언, 할당, 범위수정불가능한 오브젝트를 만들고 싶으면?

2022년 7월 23일
·
0개의 댓글
·
post-thumbnail

arrow function이란 ?

→ arrow function 으로 변경하면?? ← 함수를 만드는 이유 2가지① 코드들을 기능으로 묶고 싶을 때 사용② 입출력 기계를 만들 고 싶을 때 사용→ arrow function 으로 변경하면?? ← Arrow function 예시forEach 콜백함수→ arr

2022년 7월 23일
·
0개의 댓글
·
post-thumbnail

🤷🏻‍♀️ 구조분해할당? 그게 뭐죠2

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다.\-mdn나는 이런 생소한 코딩 용어들이 정말 어렵게 느껴진다내가 만들껄 그랬다진짜 쉽게 만들었을텐데노랑반 애기들과 소통한 경험을 살려서 (

2022년 7월 22일
·
0개의 댓글
·
post-thumbnail

🤷🏻‍♀️ 원시타입? 자료참조형? 그게 뭐죠?

하나의 정보를 담고 있는 타입을 말한다. 변수 하나 당 하나의 값만 가질 수 있다.객체가 아니면서 메서드도 갖지 않는 7가지문자열숫자열BooleanBigintnullundefinedsymbol (ES6부터 추가)값 자체에 대한 변경은 불가하다. === 불변성값에 대한

2022년 7월 22일
·
0개의 댓글
·

Node.js ❓ npm ❔

Javascript 실행 엔진 브라우저에서 실행될 필요가 없이 일반 컴퓨터에서 실행될 수 있는 Javascript 런타임 환경을 만들었음. 그게 바로 NodeJs터미널에서 node index.js 라고 작성하면 자바스크립트 내용 바로 볼 수 있음.npm = node가

2022년 7월 22일
·
0개의 댓글
·

🥊 Javascript vs Typescript 🥊

얼레벌레 만들어지고 어찌저찌 살아남았는데 ES2015부터 매우 좋아짐!Javascript를 없앨 수 없다면 공생하겠다자바스크립트 기능 일단 다 받고 플러스 알파 제공함.여기서 플러스 알파란, 명시적인 유형 설명.

2022년 7월 22일
·
0개의 댓글
·

⭕ localStorage 의 늪 탈출 ⸜('ᗜ')⸝

어제에 이어 작업 할 기능은 최근 본 상품 이다 ♪~ (ง˙∇˙)ว (ว˙∇˙)ง ~♩📑 react로 '최근 본 상품' 기능구현 하기 step. step1. 상품을 클릭해서 상세페이지에 들어간다면, 상품의 id 값을 localStorage에 담는다.step2. lo

2022년 7월 14일
·
0개의 댓글
·

🚫 localStorage 의 늪..

내가 일단 구현하고 싶은 기능은 최근 본 상품 기능이다📑 react로 '최근 본 상품' 기능구현 하기 step. step1. 상품을 클릭해서 상세페이지에 들어간다면, 상품의 id 값을 localStorage에 담는다.step2. localStorage에 담긴 id값

2022년 7월 13일
·
0개의 댓글
·

Redux

컴포넌트간 state 공유가 편해짐npm install @reduxjs/toolkit react-reduxstore.js 생성 : state를 보관하는 보관함index.js

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

React 수량 증가 issue

2022년 7월 9일
·
0개의 댓글
·
post-thumbnail

React array 이름순 정렬하기

정렬 클릭짠일단 내가 처음 짰던 소스 ...array안의 title를 갯수 만큼 가져와야한다는 생각에 map을 했는데 자꾸만 버튼을 누르면 이름이 전부 없어져버리는 오류가 났다.sort의 사용법을 다시 찾아보며 처음부터 짜본 결과정렬이 된다!\[...datapi.tit

2022년 7월 9일
·
0개의 댓글
·

Git flow (git으로 협업하기)

상황 : git init 후 master로 연결이 되는데 main branch로 연결하고 싶음!일단 re -rf .git 으로 연결된 branch를 지우기ls로 확인하고git clone 포크한내git(협업)주소 입력하면 정상적으로 main에 연결할 수 있다.이 때,

2022년 7월 8일
·
0개의 댓글
·

react의 리랜더링

이전 앨리먼트는 버리고 새로 그린다.key를 먼저 비교하고, props를 비교해서 변경사항을 반영한다.

2022년 7월 7일
·
0개의 댓글
·

react-router (리액트 라우터)

index.html은 하나고컴포넌트를 만들어서 상세페이지 내용을 작성함사용자가 페이지(/detail)에 접속하면 해당 컴포넌트를 보여줌 \-if문이나 조건문으로 어떤 url에 접속했을때 어떤 페이지를 보여주라고 작성할 수도 있지만,React-router-dom을 쓰면

2022년 7월 6일
·
0개의 댓글
·