post-thumbnail

[React] Redux

React는 컴포넌트 개별적으로 상태관리를 하는데 redux는 상태관리를 하는 전용 장소(store)에서 상태 관리를 한다.image:E8449141-2362-49B4-8589-46D7A1480735-3394-00004D5668B87F6B/0\*Z18iLsM7Bf1xo

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

[Vue] Vue.js 시작하기

vue를 공부해볼 기회가 생겨 정리해보는 vue와 react사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크 가상 DOM을 활용한다.반응적이고 조합 가능한 컴포넌트를 제공한다.코어 라이브러리에만 집중하고 있고 라우팅 및 전역 상태를 관리하는 컴패니언 라이브러리가

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

[React] Webpack & Babel

웹팩(Webpack)은 자바스크립트 정적 모듈 번들러(Static Module Bundler)이다.웹팩의 주요 네 가지 개념으로 Entry, Output, Loader, Plugin이 있다.웹 애플리케이션에 필요한 모듈들을 하나의 파일로 묶는 도구이다.이때 모듈은 웹

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

[React] Class Component & Function Component

study 06 | Class Component & Function Component컴포넌트는 프로그래밍의 한 부분을 의미하며 재사용이 가능한 최소 단위를 말한다. 그래서 객체 지향 언어를 사용할 때 자주 사용되며 재사용이 가능하기 때문에 컴포넌트 단위로 분류하거나 이

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

[React] 실시간 통신을 위한 Web Socket 채팅 기능 구현

Transport protocol로 웹버전의 TCP 또는 Socket이라고 이해하면 된다.WebSocket은 서버와 클라이언트 간에 Socket Connection을 유지해서 언제든 양방향 통신 또는 데이터 전송이 가능하도록 하는 기술이다. Real-time web a

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

[Javascript] Array Method - for each 와 map함수의 차이

study 05.forEach(): Array 요소를 제공된 함수로 한 번 실행합니다.콜백 함수를 인자로 받아, 배열의 각 요소에 콜백함수를 실행한다. 아무 값도 반환하지 않는다.일반적인 forEach문은 다음과 같다.forEach() 메소드는 아무것도 리턴하지 않는다

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

[Javscript] 얕은 복사 / 깊은 복사

study 04.얕은 복사(shallow copy)는 바로 아래 단계의 값만 복사하는 방법이고, 깊은 복사(deep copy)는 내부의 모든 값들을 하나하나 찾아서 전부 복사하는 방법이다.원시값은 값은 복사할 때 복사된 값을 다른 메모리에 할당하기 때문에 원래의 값과

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

[Javscript] Async & Await

study 03. Async & Await 1. Async & Await란? Async 는 비동기라는 의미를 가진 Asynchronous의 줄임말 Async Function 객체를 반환하는 하나의 비동기 함수(이벤트 루프를 통해 비동기적으로 작동하는 함수)를 정의

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

[Javascript] Promise

study 02. Promise란? 프로미스는 비동기 처리에 사용되는 객체이다. 프로미스를 사용하면 비동기 프로그래밍을 할 때 코드를 순차적으로 작성이 가능하여 컨트롤이 쉬워지고 코드 가독성이 좋아집니다. 프로미스의 세 가지 상태 대기(pending): 비동

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

[Javascript] 동기 / 비동기

study 01 동기와 비동기

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

브랜디 인턴십 후기 - 기업협업

위코드 3개월차 마지막 기업협업을 브랜디에서 진행한 뒤늦은 후기..!원래는 기업협업 자체를 가지 않고 위코드에 남아 3차 프로젝트를 하거나 공부를 좀 더 해볼 생각이였다. 그런데 프로젝트에 대한 구체적인 계획도 없었고, 마지막 3개월차 과정동안 어떠한 것들을 공부해야

2020년 11월 26일
·
2개의 댓글
post-thumbnail

[React] Frietag 클론 프로젝트 후기

2020.10.05 ~ 2020.10.16 (12일간)Front-end (4명) : 고재원, 김상준, 이지형, 임은수Back-end (2명) : 김수현, 정다솜Python, DjangoPyJWT, BcryptMySQLReact, React hooksJavascript(

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

웹 퍼블리셔에서 개발자로, WeCode 부트캠프 세달 간의 기록

2020.08 ~ 2020.11 3개월 간의 부트캠프 기간이 끝났다. 1. 개발자의 길을 선택한 이유 2. 위코드를 선택한 이유 3. 프론트엔드 개발을 선택한 이유 4. 위코드에서의 1차 프로젝트 5. 위코드에서의 2차 프로젝트 6. 3개월차 : 브랜디 기업

2020년 11월 21일
·
5개의 댓글
post-thumbnail

[React] TimePicker/DatePicker 라이브러리, Dayjs 라이브러리

admin 프로젝트 중, 사용자의 날짜와 시간을 입력 할 수 있도록 해주는 timepicker 라이브러리를 사용하게 되었다.import사용하기결과 javascript에서 날짜/시간을 표현할 때 Date 객체를 사용하는데 timepicker 를 사용하여 new Date(

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

[MySQL] Database Dump

ex) mysqpdump -u root -p data > data.sql데이터 베이스를 저장될 파일명에 dump한다.ex) mysql -u root -p test < Brandi.sqlbrandi.sql을 test 데이터베이스에 import 비밀번호 입력 후 D

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

[Python] Flask 시작하기 - ping-pong api 구현

기업협업 3주차가 되면서 백엔드를 해볼 수 있는 기회가 생겼다..! 브랜디가 flask를 사용하기 때문에 시작하게 된 flask 공부 1. 가상환경 생성 원하는 디렉토리 생성 후 가상환경 생성 Proceed ([y]/n)? y 2. 패키지 확인 설치되어있는 p

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

[MySQL] 비밀번호 초기화

mysql 설치 후, 설정한 적도 없는 비밀번호를 계속 입력하라는 오류가 떴고,해결 방법을 정리해보았다. 경훈님 다 날려주셔서 감사해요!!!!! mysql 서버에 안전모드로 접속하기 위해 mysql 서버를 시작한다.sudo을 이용해 관리자 권한으로 위와 같이 명령어를

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

[React] Postcode API - Daum 우편 번호 찾기 api

회원 정보 수정 페이지 중 다음 우편번호 찾기 api다음 카카오 우편 번호 찾기 api회원가입 시 또는 수정 중에 자주 보게 되는 우편 번호 찾기React, javascripthtmlstyle 적용

2020년 10월 29일
·
1개의 댓글
post-thumbnail

[React] Async & await

비동기 처리를 할 수 있도록 해주는 async/await 알아보기Promise를 통해서 어떻게 비동기 처리를 하는 방법도 있지만, Promise의 단점을 해결하기 위해 ES7(ES2017)에서 async/await 키워드가 추가되다. async/await 키워드를 사

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

[React] Hook - useForm

React Hook Form 으로 간단하게 폼의 유효성을 검사하기React Hook Form 으로 간단하게 폼의 유효성을 검사하기

2020년 10월 18일
·
0개의 댓글