profile
Allday

[JavaScript] React - fetch()

React > 백엔드로부터 데이터를 받아오려면 API를 호출 후 응답을 받아옵니다. 자바스크립트 Wep AIP fetch()함수를 쓰거나 axios 라이브러리를 사용할 수 있습니다. 이번 블로그에서는 fetch()함수에 다루도록 하겠습니다. fetch() 함수 -

2020년 9월 16일
·
0개의 댓글

[JavaScript] React-mock data

React mock data > mock은 가짜의 라는 뜻을 가지고 있스빈다. 즉, mock data는 가짜 데이터, 샘플 데이터라고 생각하면 됩니다. 실제 API 에서 받아온 데이터가 아니라 프론트엔드 개발자가 필요에 의해 직접 만들어본 데이터를 말합니다. mo

2020년 9월 15일
·
0개의 댓글

[JavaScript] React - props

React Props > Props는 컴포넌트의 속성값입니다. 부모 컴포넌트로부터 전달 받은 데이터를 지니고 있는 객체입니다. 부모 컴포넌트로부터 자식 컴포넌트에게 state Props 객체 > props는 부모 컴포넌트로부터 전달 받은 데이터를 지니고 있는 객체

2020년 9월 14일
·
0개의 댓글
post-thumbnail

한달동안 나의 성장, 그리고 인스타그램 Clone

한달, 그리고 나의 성장 wecode를 다니기 전의 나 🏊‍♂️ 대학교 4학년 뒤늦은 시간에 코딩에 대한 흥미를 느꼈다. 하지만 여러가지 사정상 졸업 후 바로 취업을 해야했기에 경력이 하나도 없던 나는 코딩과 관련된 직무라고 생각하며 전장품 SW QA 직무에 입사를

2020년 9월 13일
·
0개의 댓글
post-thumbnail

[JavaScript] React - Router

React - Router SPA (single page Apllcation - 페이지가 한개) > 이전에 우리가 계속 사용했던 것은 페이지 수만큼 html 파일이 존재했지만, 리액트에서 사용할 프로젝트에서는 html 파일의 개수는 1개이다. SPA인데 여러개의 페

2020년 9월 12일
·
0개의 댓글
post-thumbnail

[JavaScript] React-State and Event

state란 상태를 가르킵니다.컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값state란 화면에 보여주는 컴포넌트의 상태를 가지고 있는 객체 입니다.state는 컴포넌트 내에서 정의되며, setState를 사용하여 상태값을 변경할 수 있습니다.class형 컴포넌트를 구

2020년 9월 11일
·
0개의 댓글
post-thumbnail

Stack and Queue

배열의 가장 큰 2가지 특징 > 1. 순차적으로 데이터를 저장 index로 배열의 값에 접근하기 때문에 속도가 빠름 따라서, 관련있고 연속된 데이터를 다룰 때 배열을 사용하며 일반적으로 가장 많이 사용되는 자료구조가 배열입니다. 개발자라면 모두 다 아는 스택오버플로우 사이트의 로고에도 스택의 이미지가 적용되어 있는걸 볼 수 있습니다. Stack (스택...

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

[JavaScript] React - 배열 render

React 배열 rendering > 배열을 생성하고 배열을 렌더링 하는 방법을 알아봅시다. > > useRef를 사용해 Component 내부에 변수 생성 > 컴포넌트 안에 변수를 생성하면 다음 렌더링 될 때마다 변수는 초기화 되는데 이 때, useState

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

[JavaScript] React - useRef 특정 DOM 선택

React useRef를 사용한 특정 DOM 선택 > JavaScript 를 사용 할 때에는, 우리가 특정 DOM 을 선택해야 하는 상황에 getElementById, querySelector 같은 DOM Selector 함수를 사용해서 DOM 을 선택합니다. 리엑트

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

[JavaScript] React - useState를 사용한 input 관리

React 을 만들고 input의 value값을 받아와 출력해주는 것은 만들어 보려고 합니다. useState를 사용하여 input 상태 관리 (input이 1개) > > jsx import React from 'react'; // import InputSa

2020년 9월 6일
·
0개의 댓글
post-thumbnail

[JavaScript] React - useState

React useState 사용한 동적 상태 > 컴포넌트에서 보여줘야하는 내용이 사용자 인터렉션에 따라 바뀌어야 할때, useState를 사용할 수 있습니다. 아래의 코드를 사용하여 버튼을 누를때마다 숫자가 증가하려면 어떻게 해야될까요? > > 해당 코드를 us

2020년 9월 5일
·
0개의 댓글
post-thumbnail

[JavaScript] React - CRA

React React 선택 이유? > 프로젝트를 진행하면서 JS에서 직접 DOM으로만 개발했을때 너무 복잡했었지만, 특정 부분을 컴포넌트로 만들어 사용할 수 있다는 점과 오로지 view를 위한 라이브러리로서 많은 매력을 느끼게 되어 리엑트를 선택했다. React란?

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

[JavaScript] React - Component와 Props

Component > 컴포넌트란 재사용 가능한 UI단위를 말합니다. 만약 자신이 회원가입 페이지의 로그인 창 등 여러가지를 만들었는데, 정보 수정 하는 페이지를 추가하게 되어 비밀번호 input을 만들어야 한다면 반복되는 부분을 하나의 컴포넌트로 만들어 똑같은 디자

2020년 9월 3일
·
0개의 댓글
post-thumbnail

[Javascript] React - JSX

React - JSX JSX > 아래의 코드는 js도 아니고, html도 아닙니다. 아래의 문법은 JSX라고 불리는 javaScript의 확장 버전이며 syntqax extension for JavaScript라고 합니다. 콘솔로 아래의 코드를 찍어보면 오류가 납니

2020년 9월 2일
·
0개의 댓글
post-thumbnail

[Python] Django Tutorial_2.2

Django tutorial_2.2 API 사용해보기 > 아래의 명령어를 사용하여 쉘에 진입하여 API를 사용해봅시다. > > makemigrations 명령어를 자주 사용하게 될텐데, 해당 작업은 마이그레이션이라는 곳에 작성해놓은 모델들을 데이터베이스 테이블 내

2020년 9월 1일
·
0개의 댓글
post-thumbnail

[Python] Django Tutorial_2.1

Django tutorial_2.1 1. 데이터베이스 설치 > INSTALLED_APPS : 장고와 함께 딸려오는 아래의 앱들을 포함합니다. 앱들은 다수의 프로젝트에서 사용할 수 있고, 쉽게 사용하도록 패키징하여 배포할 수 있습니다. django.contib.adm

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

[Python] Django Tutorial_1

Django tutorial_1 > Django를 설치하였다는 가정 하에 tutorial을 하나씩 진행해보도록 하겠습니다. 1. 프로젝트 생성 및 확인 > 가상환경을 만들고 Django를 설치하셨다면 프로젝트를 만들어야합니다. 해당 프로젝트를 만드려고하는 디렉토리

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

[Python] Django 기초

Django (장고) > Django는 python 으로 만들어진 무료 오픈소스 웹 어플리케이션 프레임워크입니다. 쉽고 빠르게 웹사이트를 개발할 수 있도록 돕는 구성요소로 이루어진 웹 프레임워크입니다. > 장점 python을 기반으로 하기 때문에 배우기 쉽다.

2020년 8월 29일
·
0개의 댓글

Miniconda3 설치 방법

miniconda3 설치하기 > 지금까지는 def로 함수를 정희해서 사용했으나 이번에는 함수를 딱 한줄만 사용하여 함수를 만들 수 있게 해주는 것이 람다(lambda) 입니다. 1. 미니 콘다 공홈으로 이동해서 설치 스크립트 다운로드 > https://docs.co

2020년 8월 28일
·
0개의 댓글

[Linux] Linux 명령어

터미널 명령어 Tip : 커서가 맨 앞으로 이동 : 커서가 맨 뒤로 이동 : 터미널 화면 reset Linux 명령어 > : 현재 이동되어 있는 경로를 출력합니다. 만약 현재 /home/eun 디렉토리로 이동되어 있다면 pwd --> /home/eun이 출력됩니다.

2020년 8월 27일
·
0개의 댓글