profile
새싹개발자🌿
post-thumbnail

[React] 조건부 렌더링

특정 조건이 참인지 거짓인지에 따라 다른 결과를 보여주는 것을 의미함React에서 조건부 렌더링은 JavaScript에서의 조건 처리와 같이 동작한다.사용자의 로그인 상태에 맞게 위 컴포넌트 중 하나를 보여주는 Greeting 컴포넌트를 만든다.isLoggedIn pr

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

[React] Components 와 State

React.Component를 확장하는 동일한 이름의 ES6 class를 생성render()라고 불리는 빈 메서드를 추가함수의 내용을 render() 메서드 안으로 이동render() 내용 안에 있는 props를 this.props로 변경남아있는 빈 함수 선언을 삭제r

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

[React] React 시작하기

React > Component라는 개념에 집중하고있는 프론트엔드 프레임워크 Component 하나의 의미를 가진 독립적인 단위 모듈 모든 React 컴포넌트는 자신의 props를 다룰 때 반드시 순수 함수처럼 동작해야 합니다. JSX 자바스크립트의 확장 문법,

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

[간단정리] Package.json 리뷰

npm을 활용하기 위한 정보들이 모여있는 파일뿐만 아니라 project 전반에 관한 정보가 들어있다.project에 관한 정보설정 된 script 코드개발과 관련된 dependency들: cli 에서 해당 코드를 실행 시킨다.: production과 관계 없는 개발만을

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

[간단정리] Node.js 리뷰

node는 v8엔진으로 만들어진 Javascript 런타임이다. 텍스트 V8 : 자바스크립트를 기계어로 컴파일 해주는 엔진 런타임 : 프로그래밍 언어가 구동되고 있는 환경 → 자바스크립트를 기계어로 컴파일 해주는 엔진으로 빌드 된 자바스크립트가 구동중인 환경이다.

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

[간단정리] Browser Security

클라이언트가 서버를 신뢰하기 때문에 발생하는 이슈서버에 메세지 요청 → 메세지 응답 → 응답받은 메세지 돔 반영서버가 클라이언트를 신뢰하기 때문에 발생하는 이슈사용자는 인증정보를 가진채로 해커의 링크를 누르면, 해커는 인증정보를 가로채서 서버에 요청을 보내버린다.어리케

2021년 4월 29일
·
0개의 댓글
post-thumbnail

[간단정리] HTTP / API / window.fetch()

웹 서버통신을 위한 프로토콜 중에 하나TCP / UDP / SMTP / HTTPHTTP 1.0 → TCP 라는 프로토콜을 쓴다HTTP 2.0 → UDP 라는 프로토콜을 쓴다TCP 는 SeverPC 가 꺼져있다면 데이터 요청 못하고 통신 종료가 된다.(상태 전달 못함)H

2021년 4월 29일
·
0개의 댓글
post-thumbnail

Ajax

Asynchronous JavaScript and XML(비동기식 자바스크립트와 XML)의 약자로, 비동기적인 웹 애플리케이션의 제작을 위해 이용하는 웹 개발 기법이다.\-> JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술

2021년 4월 28일
·
0개의 댓글
post-thumbnail

클라이언트-서버 통신과 HTTP API

클라이언트와 서버 간의 통신을 알아보려면, 먼저 프로토콜이라는 개념을 이해해야 한다. 프로토콜은 통신 규약, 즉 약속이다.통신을 하기 위해서는 꼭 지켜야 하는 약속이 몇가지 존재한다.웹 애플리케이션 아키텍처에서는 클라이언트와 서버가 서로 HTTP라는 프로토콜을 이용해서

2021년 4월 28일
·
0개의 댓글
post-thumbnail

클라이언트 서버 아키텍쳐(Client Server Architecture)

클라이언트 서버 아키텍쳐(Client Server Architecture) = 2티어 아키텍처 >상품 정보와 같이 리소스가 존재하는 곳과, 리소스를 사용하는 앱을 분리시킨 것을 2티어 아키텍처, 또는 클라이언트-서버 아키텍처라고 부른다. 리소스를 사용하는 앱 : 클

2021년 4월 28일
·
0개의 댓글
post-thumbnail

async await

이전에 Promise 객체를 then 을 이용해 비동기 로직을 수행할 때 위처럼 했었는데 이것을 await 로 하는 방법을 정리해보자.await 는 async 함수 안에서만 사용 가능하다.<span style="background-color:asyncF는 p의 인

2021년 4월 26일
·
0개의 댓글
post-thumbnail

Promise

생성자를 통해서 프로미스 객체를 만드는 순간 pending (대기) 상태가 된다.executor 함수 인자(resolve, reject) 중 하나인 resolve 함수를 실행하면, fulfilled (이행) 상태가 된다.executor 함수 인자(resolve, rej

2021년 4월 26일
·
0개의 댓글
post-thumbnail

정규표현식

Regular Expression의 약자로, 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어.텍스트에서 원하는 특정한 패턴을 찾을 때 유용함.💡 다양한 언어에서 내부적으로 지원하고 있으며, 텍스트 or 코드 에디터에서도 정규표현식을 이용하여 검색할

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

[코드스테이츠] Full IM 28기, 2주간의 회고

28기 이머시브에 탑승한지 2주가 지났다.Pre때 내가 과연 이머시브에 가서 잘 해낼 수 있을까? 라는 의문이 들어, 내심 불안하기도 했지만 자신감을 가지고 이머시브에 왔건만...일주일만에 OOP에서 조금 막히면서 힘들어지기 시작했다. 이전에 국비지원에서 자바를 배웠었

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

[자료구조] BFS / DFS

너비 우선 탐색(BFS)깊이 우선 탐색(DFS)여기서 탐색이란, 하나의 정점으로부터 시작해, 차례대로 모든 정점들을 한 번씩 방문하는 것을 의미한다.: 가장 인접한 정점 먼저 탐색. 너비를 우선적으로 탐색하는 방법https://m.blog.naver.com/d

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

[자료구조] Graph / Tree / BST

노드(Node)와 그 노드를 연결하는 간선(Edge)을 하나로 모아놓은 자료구조무향그래프(undirected graph)양방향으로 모두 갈 수 있는 그래프단방향 그래프(directed graph)한 방향으로만 갈 수 있는 그래프진입차수(in-degree) / 진출차수(

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

[자료구조] 시간복잡도와 Big-O 표기법

입력값의 증가/감소함에 따라 시간이 얼마만큼 비례하여 증가/감소하는가?입력값이 커짐에 따라 증가하는 시간의 비율을 최소화한 알고리즘을 구성.시간 복잡도를 표기하는 방법Big-O : 최악Big-Ω : 최선Big-θ : 중간(평균)이중 가장 흔히 사용 되는 것은 Big-O

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

[자료구조] Stack 과 Queue

스택이란 무엇인가 ? 친근한 네이버에 물어보자사전에 Stack은 무더기더미, 쌓다, 포개다, 채우다 등 으로어떤곳에 어떤것이 쌓이는 거구나! 라는 걸 알 수 있다.stack : 자료(data)를 쌓는 자료구조쉽게 생각하자면 Stack은 내가 좋아하는 회전초밥집에서 먹고

2021년 4월 14일
·
0개의 댓글
post-thumbnail

Prototype Chain / class(extends, super)

자바스크립트는 엄밀히 따지면 객체지향 언어가 아닌, 프로토타입 기반의 언어이다. 자바스크립트에서 클래스를 이용하여 객체지향 형태로 프로그래밍을 할 수 있다.class 키워드를 배우기 앞서, 상속에서의 this와 prototype, prototype chainning의

2021년 4월 9일
·
0개의 댓글
post-thumbnail

Object Oriented Programming

물이 위에서 아래로 흐르듯 순차적인 처리가 중요시 되는 프로그래밍 기법초기의 프로그래밍 언어는 일반적으로 절차적 언어라고 부름(C, 포트란 등)절차적 언어는 순차적인 명령의 조합장점 : 컴퓨터의 처리구조와 유사해 실행속도가 빠름단점 : 유지보수가 어려우며, 실행 순서가

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