profile
"Hello, World!"

동기(Synchronous)와 비동기(Asynchronous)

동기(Synchronous) 현재 작업의 응답이 끝남과 동시에 다음 작업이 요청된다. 함수를 호출하는 곳에서 호출되는 함수가 결과를 반환할 때까지 기다린다. 작업 완료 여부를 계속해서 확인한다. 비동기(Asynchronous) 현재 작업의 응답이 끝나지 않은 상태에서

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

2차 프로젝트 회고

어느덧 벌써 위코드에 들어온지도 2달이 다 됐다. 체감상으로는 엊그제 같은데 벌써 두달이라니 시간 진짜 빠르다. 나는 아직 많이 모자라고 배운게 많이 없다고 생각했는데 두달전의 나를 돌이켜봤을때 진짜 많이 성장한 것 같다. 그런면에서는 나 자신이 살짝 대견한거 같기도

5일 전
·
0개의 댓글
·

참고 사이트

Axioshttps://inpa.tistory.com/entry/AXIOS-%F0%9F%93%9A-%EC%84%A4%EC%B9%98-%EC%82%AC%EC%9A%A9

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

Axios

Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 이다.쉽게 말해서 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용한다.이미 자바스크립트에는 fetch api가 있지만, 프레임워크에서 ajax

2022년 8월 5일
·
0개의 댓글
·
post-thumbnail

styled-components

CSS-in-JS는 자바스크립트 파일 안에서 css를 작성할 수 있는 방법입니다.Sass와 같은 css 전처리기가 등장했음에도 불구하고 자바스크립트의 상태 값을 공유할 수 없어서 동적으로 스타일링을 하기 위해서는 인라인 스타일을 이용하거나 css 클래스명으로 조건부 스

2022년 8월 1일
·
0개의 댓글
·
post-thumbnail

위코드 1차 프로젝트 회고록

2주라는 기간동안 프론트와 백엔드가 서로 소통하면서 하나의 프로젝트를 하게 되었는데 우리가 하기로한 사이트는 커피 원두 및 식품 커머스 사이트인 TERAROSA 사이트의 클론 프로젝트입니다 ! 팀원 : Front 3명, Back 2명기간 : 2022-07-18 ~ 20

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

getMaxArea

결국 두 개의 높이 중에 최소 값에 맞춰서 높이를 정하고 그거에 맞게 가로를 곱해주어 그 결과 값을 배열에 넣어 그 중에 최대 값을 뽑을 계획이다.이중 for문을 사용해주어 높이 두개를 정해주고 이를 Math.min을 사용하여 두개의 높이중 최소 값을 구한 뒤 가로 값

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

숫자로 이루어진 배열에서 자주 등장하는 숫자를 return 해주기

nums = 1, 1, 1, 2, 2, 2, 2, 3, 3;k = 2 라고 가정 했을 때우선 obj라는 변수명의 빈 객체를 생성해주고 obj 안에 nums\[i]값의 key 가 있을 시 obj\[nums\[i] 의 value를 1증가 시켜주고 없을 시 obj 안에

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

in 연산자

객체가 가지고 있는 프로퍼티 및 메소드의 존재 여부를 Boolean으로 반환함in 연산자는 기본적으로 객체 용이다.배열에다 in 연산자를 쓰면, 인덱스를 검사하게 되는 꼴이 된다.for문배열객체in의 쓰임은 다양할 수 있지만 특정 메소드, 프로퍼티 key값 이름의 존재

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

리액트 불변성

사전적으로 불변성이란 값이나 상태를 변경할 수 없는 것을 의미합니다.예시를 들어 보겠습니다. 위 예시에서 string은 data1이 되고 값이 data2로 변경된 것 처럼 보이지만 실제 메모리영역에는 'data1','data2' 둘 다 존재합니다. 이렇게 되면 메모리

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

fetch 함수

배경 백엔드로부터 데이터를 받아오려면 api를 호출하고 데이터를 응답받습니다. 이 때 자바스크립트 Web API

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

Mock Data

이름 그대로 변하지 않는 데이터. 즉, 정적인 데이터UI 구성에 필요하지만 동적으로 변하지 않아서 백엔드 API등을 통해서 가져올 필요가 없는 정적인 데이터들을 상수 데이터로 만들어 UI를 효율적으로 구성할 수 있습니다.반복되는 UI를 하드코딩으로 일일이 만들어두게 되

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

includes()

.includes()는 문자열이 특정 문자열을 포함하는지 확인하는 메서드 입니다.searchString : 검색할 문자열로 필수 요소입니다. 대소문자를 구분합니다.length : 검색을 시작할 위치입니다. 선택 요소로, 값이 없으면 전체 문자열을 대상으로 합니다.예를

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

ForEach 메서드

forEach() 메서드는 배열에 활용이 가능한 메서드로, 피라미터로 주어진 함수를 배열 요소 각각에 대해 실행하는 메서드이다.map() 메서드와 거의 비슷하다 \-> but, map()은 리턴하지만 forEach()는 따로 return 하는 값이 없다는 점이다.for

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

자바스크립트에서 ... 이란?

전개 구문(Spread Syntax)란? 전개 구문(Spread Syntax)는 ECMAScript6(2015)에서 새로 추가된 문법으로 간단하게 이 문법은 문법 이름 그대로 객체 혹은 배열들을 펼칠 수 있게 해 준다. 문법 전개 구문의 문법은 엄청 간단하다. 배열

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

리액트 snippets 명령어

리액트 가져오기// imr ->import React from 'react'리액트 + Component 가져오기// imrc ->import React, { Component } from 'react'import a default module (기본 모듈 가져오기)//

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

State, Props, Event

Hook은 React 버전 16.8부터 React 요소로 새로 추가되었습니다. Hook을 이용하여 기존 Class 바탕의 코드를 작성할 필요 없이 상태 값과 여러 React의 기능을 사용할 수 있습니다.선택적 사용 : 기존의 코드를 다시 작성할 필요 없이 일부의 컴포넌

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

2022-07-06

프론트분들이랑 깃허브에 올릴 Main파일과 Nav파일을 만들었다.어제 푼 문제인데 분명 그렇게 어렵지 않은 문제 인거 같은데 풀 때마다 자꾸 풀이에 빵꾸가 나버려서 다시 다 지우고 다른 방법으로 짜고 빵꾸 나고 다시 갈아 엎고를 반복한 것 같다. 이거 덕분에 어제 멘탈

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

2022-07-05

오늘 학습한 것 : 라우터 와 SASS오늘 처음으로 아침에 일찍 일어나서 공부하러 가기전에 운동을 해봤는데 나쁘지 않다 점심먹고 엄청 피곤하다는 거 빼고는 앞으로도 종종해야겠다.오늘 해야할 것

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

라우터

우리가 흔히 말하는 "페이지 이동" 이라는 것은 리액트에서 라우터를 통해 처리할 수 있다. 그럼 라우터는 무엇일까우선 리액트는 SPA (Single Page Application) 방식인데 SPA부터 알아보자기존 웹 페이지 처럼(MPA 방식) 여러개의 페이지를 사용,

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