profile
모든 코드에 의미를 담겠습니다.
post-thumbnail

TIL - Javascript

모든 코드에 의미를 담겠습니다.얕은복사 / 깊은복사에 대해서 설명을 할때에 객체로 설명하는 것이 가장 좋겠다. 이전 문서에 설명했던 데이터타입의 불변성/가변성에 대해서 알고 있다면 얕은복사 및 깊은복사에 대해서 조금 더 쉽게 접근할 수 있다.원시자료에대해서 알아보자Ja

어제
·
0개의 댓글
post-thumbnail

TIL - React

모든 코드에 의미를 담겠습니다;;오늘 React는 라우팅시간이다. 나중에 Index.js파일에서 만든 메인 페이지를 제외하고 메인 페이지에서 다른 페이지에서 이동을 하고 싶을 때에 라우팅 방법이 적용된다.라우팅도 프레임워크마다 방식이 많이 다르다. React같은 경우는

어제
·
0개의 댓글
post-thumbnail

Javascript - 원시자료(Primitive)

Javascript에는 두가지 데이터 타입으로 나뉜다: 원시형(Primitive) vs 참조형(Reference)원시형의 특징은 불변성이고 참조형의 특징은 가변성이다.원시자료(Primitive) 종류를 알아보자!Stringnumberbigintbooleanundefin

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

Javascript - Hoisting

오늘 Level-Up 부분을 공부하다가 제일 먼저 나온게 Hoisting! Hoisting의 개념은 도대체 무엇일까 하다가 문서를 뒤져보면서 공부하기 시작했다.Hoisting이란?함수안에 있는 선언들을 모두 끌어올려서 Javascript 최상단에 위치하여 읽게끔 한다.

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

TIL - React

서버끼리 데이터를 주고받는 2가지 방식비동기(async model) 방식: 요청한 부분을 기다리지 않고 다른 작업을 동시에 진행하는 방식동기(sync model) 방식: 특정 request가 끝날때 까지 기다리는 통신방식Javascript의 기본형태는 비동기 방식이다!

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

TIL - Javascript

시간지연함수- setTimeout(함수,초)의미: 특정 시간초 이후에 값이 나오는 걸 의미한다.시간반복함수 - setInterval(함수, 초)의미: 특정 인터벌동안 값이 꾸준히 나오는 걸 의미한다.시간지연함수는 실무에 어떻게 쓰일까?게임 강화:바로 강화 결과를 보여주

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

TIL - React

프론트 쪽에서도 데이터를 저장하고 저장하고 있던 데이터를 백엔드쪽에 넘겨줄 때 통신을 해야한다.두 컴퓨터간에는,파일을 주고받을수도 있고 (FTP)간단한 메일을 주고받을 수도 있고 (SMTP)텍스트/하이퍼텍스트를 주고받을 수도 있다(HTTP)내가 오늘 다룰 주제는 텍스트

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

TIL- React

오랜만에 쓰는 velog. 개발일지의 목적을 완전히 바꾸다.

4일 전
·
2개의 댓글

React 기초다지기 #5

자바스크립트:싱글 쓰레드로 동작하는 언어이다1번에 1개의 작업만 할 수 있는게 싱글쓰레드인데, 어떻게 비동기작업은 동시에 할 수 있을까?콜백함수어떤 함수에 인수로 넘겨지는 함수자바스크립트가 비동기 처리를 위한 패턴중에 하나이다.프로미스(Promise)란?콜백헬 방지를

2021년 4월 1일
·
0개의 댓글

React 기초다지기 #4

Javascript Re-start 변수를 선언할 수 있는 문법: let, var (값을 재할당 가능하다) 상수를 선언하는 문법: const (한번 선언하면 값 재할당 불가) let과 const는 블록레벨 스코프이다. 블록에서 벗어나면 선언한 값이 사용되지 않는다.

2021년 3월 31일
·
0개의 댓글

React 기초다지기 #3

keyframes: 이미 styled-components안에 포함이 되어있다.웹에서 애니메이션을 구현할 때에는 animation & transition 둘을 사용한다.Keyframes은 animation 속성중 하나이다.transition은 단순한 변화, animati

2021년 3월 30일
·
0개의 댓글

React 기초 다지기 #2

SPA(Single Page Application): 서버에 주는 html 파일이 1개다. (React가 대표적인 예)SPA 사용이유?사용성 때문에페이지를 이동할 때마다 서버에서 주는 html 화면을 바꾸다보면 상태 유지가 어렵다.단점은 없나?SPA는 한 번 정적자원을

2021년 3월 28일
·
0개의 댓글

React 기초 다지기 #1

웹의 동작방식: 요청과 응답으로 이루어진다. 클라이언트가 서버에게 데이터 요청을하고 서버가 그에 응답을해서 클라이언트에게 데이터를 내려준다 클라이언트: 우리가 웹사이트를 보는 도구 서버: 뿌려줄 데이터 것들을 (데이터 및 html(정적자원)) 을 만들어서 클라이언트에게

2021년 3월 27일
·
0개의 댓글
post-thumbnail

TIL React #19 3.22

Event Lister란?사용자가 어떤 행동(=이벤트)를 하는지 안하는지 파악해서 정보를 넘겨주는 역할을 한다.Ex) 마우스 클릭, 터치, 마우스오버, 키보드 누름 등이 자주 쓰인다.class component의 constructor 부분에 Event Listener를

2021년 3월 22일
·
0개의 댓글

TIL React #18 - 3.20

2021년 3월 20일
·
0개의 댓글
post-thumbnail

TIL React #17 - 3.19

웹의 동작방식 : 웹이 어떻게 보여지게 되느냐를 말하는 것!웹은 클라이언트가 서버에게 요청을 보낸다요청을 받은 서버는 js, css 같은 정적 자원이나 데이터를 보내준다.그렇다면 클라이언트란 무엇인가?그렇다면 서버리스(Serverless)?DB가 없다는 의미가 아니라.

2021년 3월 19일
·
0개의 댓글
post-thumbnail

TIL #16 - 3.18

동적 계획법: 특정문제를 분할하여 푸는 알고리즘의 형태 그리디 알고리즘과 차이점? 그리디 알고리즘은 처해져 있는 상황에서 최적의 해를 찾으려고 함. 동적 계획법: 모든 경우의수를 다 고려해서 최적의 해를 찾음. Dynamic programming (동적 계획법 종

2021년 3월 18일
·
0개의 댓글
post-thumbnail

TIL #15 - 3.17

DFS & BFS: 자료의 검색, 트리나 그래프를 탐색하는 방법DFS: 깊이를 우선시하여 끝까지 파고들어 탐색하는 알고리즘BFS: 모든 경우의수를 탐색하여 정답을 도출하는 알고리즘이다.DFS: 끝까지 찾아가는 경우라서 최대 깊이만큼 공간을 차지한다. 다만, 최적의 경

2021년 3월 17일
·
0개의 댓글
post-thumbnail

TIL #14 3.15 - 백준문제

유클리드 호제법: 최대공약수를 찾아내는 과정중에 하나로써 두 자연수를 서로 나누어서 값을 찾아내는 방법이다.a와 b가 있다면 (단, a > b) a를 b로 나눈 나머지를 r이라고 했을 때, a 와 b의 최대공약수가 b와 r의 최대공약수와 같다라는 게 유클리드 호제법이

2021년 3월 15일
·
0개의 댓글
post-thumbnail

TIL #13 3.14 백준문제

백준문제 1316번 - 그룹단어 체커문제그룹 단어란 단어에 존재하는 모든 문자에 대해서, 각 문자가 연속해서 나타나는 경우만을 말한다. 예를 들면, ccazzzzbb는 c, a, z, b가 모두 연속해서 나타나고, kin도 k, i, n이 연속해서 나타나기 때문에 그룹

2021년 3월 14일
·
0개의 댓글