profile
Allday
태그 목록
전체보기 (66)js(22)JavaScript(22)python(21)리액트(18)React(18)코딩테스트(7)기초 100제(7)코드업(7)자바스크립트(6)django(4)webpack(3)tutorial(3)리눅스(2)명령어(2)Absolute Path(2)Props(2)Relative Path(2)aws(2)component(2)CSS(2)terminal(2)터미널(2)자료구조(1)absolute(1)API(1)instance(1)relative(1)framework(1)프레임워크(1)공식문서 따라하기(1)linux(1)Styled Componet(1)stack(1)queue(1)type alias(1)내부함수(1)(1)CLUD(1)sys.path(1)패키지(1)Extending Styles(1)generator(1)iterator(1)제너레이터(1)컴포넌트(1)람다(1)deps(1)tympanus(1)lambda(1)Module(1)router(1)float(1)Getting Started(1)useEffect(1)useState(1)fixed(1)Semantic Elements(1)mock data(1)non-default value parameter(1)class(1)pagination(1)이터레이터(1)optional chaining(1)init(1)리눅스 명령어(1)환경 설정(1)ec2(1)설치(1)const(1)let(1)var(1)클로저(1)회고록(1)Liux(1)Paging(1)라우터(1)JongilSohn(1)interface(1)State(1)useMemo(1)useReducer(1)useRef(1)inline block(1)mysql(1)변수 선언 차이점(1)miniconda3(1)styled components(1)splice(1)스타일드컴포넌트(1)block(1)개발자(1)inline(1)basic(1)querystring(1)페이지네이션(1)스택(1)array(1)위치인수(1)프로젝트(1)Fetch(1)손종일(1)render(1)전역값 관리(1)JSX(1)slice(1)semantic web(1)내장함수(1)rendering(1)MDN(1)(1)가변인수(1)closure(1)sys.module(1)sys(1)Nike(1)default value parameter(1)화면 전환 효과(1)contextAPI(1)hover(1)typescript(1)animation(1)Event(1)pytho(1)Adapting based on props(1)배열(1)position(1)semantic tag(1)웹팩(1)import(1)AWS개념(1)
post-thumbnail

[MySQL] MySQL 설치 방법

비밀번호 복잡도 검사 과정 No루트 비밀번호 설정익명 사용자 삭제 여부 Yestest 데이터베이스 삭제 여부 No변경된 권한 테이블에 적용 Yes\-u 사용자 아이디 명시(여기서는 root 사용자)\-p 비밀번호를 직접 입력하겠다는 옵션

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

[AWS] EC2 사용방법

ubuntu server 선택t2 micro 선택서브넷 (2b로 설정시 에러발생.. why?)우발적인 종료로부터 보호 활성화나머지는 default 값default 값key value 설정포트범위 8000 소스 위치무관 규칙 추가새 키 페어 생성시 pem 파일 다운로드

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

[AWS] AWS는 무엇인가?

AWS란? Amazon Web Service의 줄임말로 클라우드 서비스라고도 한다. 유저가 직접 서버를 구입하고 설치할 필요 없이 AWS상에서 클릭 몇번으로 서버를 구축하고 사용할 수 있다.Elastic Compute CloudAWS 상에서 사용하는 Server, EC

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

[JavaScript] Webpack - Module Keyword - 가져오기

ESM 표준을 사용하여 가져오는 방법ESM 표준을 사용하여 내보내는 방법첫번째로 export를 사용하여 Module에 접근하는 방법두번째로 export default를 사용하여 Module에 접근하는 방법

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

[JavaScript] Webpack - common js 표준으로 내보내는 방법

아래의 코드는 사각형 넓이를 구하는 공식과 결과값을 표기한 파일입니다.해당 파일을 나누어 관리해보도록 하겠습니다.첫번째로는, 아래의 코드는 가로와, 공식을 mathUtils라는 모듈로 분리하고 해당 모듈에서 전체를 불러와 사용하였습니다.두번째로는, 아래의 코드는 가로와

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

[JavaScript] Webpack - Module 기본

Webpack의 기본구조와 내보내고 가져오는 방법에 대해서 알아보도록 합시다!

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

[JavaScript] React - Styled Components 공식문서 basic 따라하기

React Styled Components 설치 및 pakage.json에 등록 우선 CRA를 생성하고, styled-components를 설치해줍니다. > npm install --save styled-components 그리고 pakage.json에 등록하여

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

[JavaScript] React - Styled Components 기초

React Styled Components > Styled Componets는 리액트 라이브러리 중 가장 인기있는 라이브러리 중 하나입니다. 앞으로는 스타일드 컴포넌트를 사용하기 위해서 기초를 다져보도록 합시다. 1. Styled Components 설치 > 2

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

[JavaScript] React - context API를 사용하여 전역값 관리하기

React context API를 사용하여 전역값 관리하기 > 우리는 지금까지 자식의 자식의 자식의 컴포넌트에서 부모 컴포넌트에 있는 값을 사용하려면 props의 props의 props로 넘겨받아 사용해왔습니다. 하지만 contextAPI를 사용하여 여러번 prop

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

[JavaScript] React - useReducer

React useReducer 사용해보기 > 언제 useState를 사용하고, 언제 useReducer를 사용할까요? 여기에 답은 없습니다. 만약 컴포넌트에서 관리한는 값이 한개이고 간단하면 useState가 편합니다. 하지만 관리하는 값이 여러개이고 복잡해진다면

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

[JavaScript] React - useMemo를 사용한 연산값 재사용하기

React useMemo > useMemo는 특정값이 바뀌었을때만 특정 함수를 실행해서 연산하고 바뀌지 않았다면 리렌더링할때 이전의 만들었던 값을 재사용할 수 있게 해준다. > 아래 예제를 통해서 useMemo를 사용해봅시다. 이전 블로그에서 사용했던 App.j

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

[JavaScript] React - useEffect 를 사용한 마운트, 언마운트 업데이트 시의 작업

React useEffect > useEffect를 사용하여 마운트, 언마운트 업데이트 시의 작업을 설정해 보도록 하겠습니다. 이전 블로그에서 작성했던 코드에서 추가로 작성하여 useEffect를 사용하여 어떻게 동작하는지 확인해봅시다. useEffect(() =>

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

[JavaScript] React - useRef로 컴포넌트 안의 변수 생성

React useRef를 통한 컴포넌트 안의 변수 생성 > 컴포넌트가 리렌더링 될 때마다 기억할 수 있는 값을 관리하고 싶을 때, useRef를 사용할 수 있습니다. > 아래 예제를 통해서 어떻게 사용하는지 알아봅시다. >

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

[JavaScript] React - 배열 추가, 삭제, 수정

배열을 생성하고 배열을 렌더링 하는 방법을 알아봅시다.

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

[JavaScript] React - pagination

백엔드에서 가지고 있는 데이터는 많아서 그 데이터를 한번에 보여주기 힘든 경우에 데이터를 일정 길이로 끊어서 전달해야합니다. 이미 많은 웹사이트에서 사용하고 있는 것이 pagination 입니다. 프론트엔드에서는 현재의 위치(Offset)과 추가로 보여주어야하는 (Li

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

Nike Project 회고록

팀명 : Naweki내용 : Nike 사이트 클론인원 : 5명 (프론트 : 3명 / 백엔드 : 2명)기간 : 2주 (9.14 ~ 9.25)코드 : https://github.com/wecode-bootcamp-korea/12-Naweki-frontendFron

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

[JavaScript] React - fetch()

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

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

[JavaScript] React-mock data

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

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

[JavaScript] React - props

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

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