post-thumbnail

[API] RESTful API

REST API란 REST하게 API를 서술하는 방법을 부르는 용어이다상태(State)를 전달(Transfer)하는 것을 나타내는(Representation) 방법장점 : self-descriptiveness입니다. RESTful API는 그 자체만으로도 API의 목적

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

[Authentication] 인증 & 인가

누군가 또는 시스템이 실제로 그 누구인지 또는 시스템인지를 결정하는 과정인증 기술은 사용자의 자격 증명 정보가 데이터 인증 서버의 자격 증명 정보와 일치하는지 확인하여 인증 절차를 통과한 시스템에 대해 액세스 제어를 제공한다회원가입 절차서비스 이용을 원하는 사용자는 서

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

useEffect(Side Effect)

side effect === 부작용부작용 === 부수효과주요한 효과에 따라서 발생하는 부수적인 효과감기약 주된효과 감기를 낫게 하는것부작용(부수효과) 졸음이 오는것부작용이란 용어자체는 부정적인 의미를 내포하지않음 단지 부수적인 효과를 의미하는 단어코드가 의도한 주된 효

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

code-kata-Day4

숫자인 num을 인자로 넘겨주면, 뒤집은 모양이 num과 똑같은지 여부를 반환해주세요.num: 숫자 return: true or false (뒤집은 모양이 num와 똑같은지 여부)예를 들어, num = 123 return false => 뒤집은 모양이 321 이기 때문

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

Props & State

Hook은 클래스 컴포넌트에서만 사용할 수 있었던 state(상태) 관리와 lifecycle(라이프 사이클) 관리 기능을 함수 컴포넌트에서도 사용할 수 있도록 연동(hook in)해주는 함수를 의미하며, 이러한 Hook들의 모음을 Hooks라고 합니다.React는 us

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

code-kata-Day2

일단 문제를 풀기위해 생각보다 많은 메서드가 필요하였다메서드는 객체가 가지고 있는 정보나 값들을 문자열로 만들어 리턴하는 메소드 입니다.메서드는 String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눕니다.메서드는 배열의 순서를 반전합니다. 첫 번째 요소는

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

code-kata-Day1

다른 사람이 작성한 코드를 보고 이해하기일단 문제에서 이중for문을 통해서 i는 0부터 끝(<nums.length)까지,j또한 0부터 끝(<nums.length)까지 순회하다가 i랑j가 같은 숫자일경우 continue가 실행되고 다시 바로위 부모For문으로

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

Router & Sass QnA

어떤 웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 바꿔가며 표현하는 것이 SPA이다. 뭔가를 클릭하거나 스크롤하면, 상호작용하기 위한 최소한의 요소만 변경이 일어난다. 페이지 변경이 일어난다고 보여지는 것 또한 최초 로드된 자바스크립트를 통해 미리

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

Event.preventDefault()

Event.preventDefault()Event 인터페이스의 preventDefault() 메서드는 어떤 이벤트를 명시적으로 처리하지 않은 경우, 해당 이벤트에 대한 사용자 에이전트의 기본 동작을 실행하지 않도록 지정합니다.preventDefault()를 호출한 이벤

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

React-Router & Sass

라우팅(Routing)과 관련된 용어를 먼저 정리하자면 Route는 ‘경로’라는 의미를 담고 있고, Routing은 ‘경로를 찾는 행위’, Router는 Routing을 해주는 ‘도구’라고 할 수 있습니다. 웹 프론트엔드에서 Routing은 다른 경로(url 주소)에

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

React의 정의와 특징

React는 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리이다 원하는 결과를 만들기 위해서 어떻게 해야하는지에 중점을 두는 방식원하는 결과를 만들기 우히나 절차를 프로그래밍 하는 방식원하는 결과가 무엇인지에 중점을 두는 방식원하느 결과가 무엇인지 선언하는 형태

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

CRA

React를 이용해 웹 애플리케이션을 개발하기 위해서 필요한도구들을 모아놓운 "툴체인"툴체인?여러가지 도구등을 연결해둔 것React는 UI를 구축하기 위한 자바스크립트 라이브러리이기 때문에 UI외의 많은 기능들을 위해 다른패키지가 필요필요한 패키지를 다운로드 받고 서로

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

Node.js &NPM

실행환경이란 특정한 프로그램을 실행하기 위해서 필요한 환경을 의미한다구글 chrome의 v8 javascript 엔진과, 동 엔진을 기반으로 만든것이 Node.js이다Node.js는 자바스크립트가 브라우저 밖에서도 동작하게 하는 자바스크립트 실행환경이며 이는 자바스크립

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

React의 등장

웹개발이 복잡해짐에 따라 html,css,Vanila javascript의 한계DOM을 직접 조작하는 방식에서 벗어나지 못함복잡한 개발을 편리하게 하기 위해서 미리 작성해서 제공해준 코드필요한 기능을 미리 만들어서 사용할 수 있는 형태로 제공개발자들은 처음부터 모든 것

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

HTTP

컴퓨터들끼리 HTML파일을 주고받을 수 있도록 하는 소통방식 또는 약속입니다.HTML문서와 문서가 링크로 연결되어 있음을 뜻함사전적 의미로 "전송하다" 라는 의미를 가집니다. 전송에 큰 의미가 있습니다. 전송은 쉬운말로 "물건이나 편지 따위를 보낸다." 라는 의미입니다

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

Git & Github

어떤 프로그램을 수정 개선하여 완성한 것이전과 약간씩 다른 변화들을 구분하는 표시1.수정할 때 마다 파일을 새로 만들면 관리가 힘들기 때문에2.언제든 이전 버전의 코드로 돌아갈 수 있기 때문에3.이력을 남기기 위해4.하나의 프로제그를 두고 여러명의 개발자들이 협업할 수

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

Linux & Terminal

1\. 시스템 자원(System Resource) 관리자2\. 사용자와 컴퓨터간의 커뮤니케이션 지원3\. 컴퓨터와 하드웨어 뿐만 아니라 응용 프로그램도 관리(제어)한다.오픈소스 소프트웨어누구나 자유롭게 확인, 수정, 배포할 수 있는 코드네트워크 운영체제(멀티테스킹, 멀

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

Database

01.Database란? 데이터와 데이터베이스 관리 시스템, 그리고 이와 연관된 어플리케이션을 통틀어서 데이터베이스 시스템 으로 일컬어지며, 더 짧게 데이터베이스 라고 통칭 되기도 합니다. Web Client -> Web application -> Database

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

DOM & Event

lnline style<style>..</style>css파일js파일<style>..</style>웹페이지의 html을 계층화시켜 트리구조로 만든 객체 모델js는 이 model로 웹 페이지에 접근하고 페이지를 수정html인 웹페이지와 js를 서로

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

javascript replit(26.object)

처음 작성한 코드정답

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