profile
Seize the day
post-thumbnail

[React] Modal 구현하기

리액트에서 기본적인 Modal 을 구현해봤다. 전체적인 코드는 아래와 같다. 함수형 컴포넌트와 스타일드 컴포넌트를 사용해서 구현했다.SignatureHeadCover 라는 부모 컴포넌트에 Modal 컴포넌트를 사용해주었다. 모달 기능 로직 \- modalState 초

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

[React] 카카오 소셜 로그인

이번 프로젝트에서 카카오 소셜 로그인을 맡게 되었다. 소셜 로그인 중 카카오가 가장 쉽다고 한다. 그 이유는 카카오 개발자 사이트에서 사용 가이드를 친절하게 작성해놓았기 때문이라고 한다. 하지만 나는 어려움을 겪었고, 그 내용을 다시 복습하고 다른 사람에게 도움을 주고

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

WeCode 1차 팀 프로젝트 후기

어느덧 나의 wecdoe 코딩부트캠프는 1달하고 2주차가 끝나간다. 지난 1달보다 더 빨리 지나갔던 12일 간의 WeCode 1차 팀 프로젝트 후기를 남긴다. 최고 품질의 스킨, 헤어 그리고 바디케어 제품을 만드는 Aesop 웹 사이트 클론 프로젝트 개발 기간 : 20

7일 전
·
0개의 댓글

[React] - CRA 초기세팅

CRA(create-react-app)는 쉽고 빠르게 React 개발 환경을 설정해주는 React 초기세팅 Tool 그래서 애플리케이션 구현에만 신경을 쓰면 된다. npx create-react-app my-react-app my-react-app은 프로젝트 폴더 이

7일 전
·
0개의 댓글

[AWS] - 우분투 서버 접속

1) curl -sL https://deb.nodesource.com/setup_10.x | sudo bash -2) sudo apt-get install nodejs(프로젝트 디렉토리 위치로 이동해서 설치해야됨 )서버 꺼도 계쏙 접속 가능

2020년 7월 30일
·
0개의 댓글

[React] 기본 - 1. What is React?

What is React? 웹 사이트의 사용자 인터페이스, 즉 UI를 만들기 위한 Facebook이 만든 JavaScript 라이브러리 React를 지탱하는 3가지 중요한 특징 Component Component는 UI를 구성하는 개별적인 뷰 단위

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

Westargram 프로젝트 후기

웹 개발자가 되기 위해 Wecode 코딩 부트캠프에 들어왔고, 빠르게 4주가 지났다. 그리고 4주 동안 HTML 부터 React 까지 개발에 필요한 기본적인 개념들을 배웠고 그 결과물이 Westargram 이다. Westargram 프로젝트는 웹개발 기본 Flow를

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

인증(Authentication)/인가(Authorization)

인증(Authentication)/인가(Authorization) > - 인증과 인가는 API 에서 가장 자주 구현되는 기능 중 하나이다. Private 한 API 는 물론이고 Public 한 API 도 기본적인 인증과 인가를 요구한다. 1. 인증(Authentic

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

[HTTP] 기초 - Response

HTTP Response 구조 Response 도 request 와 마찬가지로 크게 3부분으로 구성되어 있다. Start line Headers Body Start Line Response 의 상태를 간략하게 나타내주는 부분 3부분으로

2020년 7월 13일
·
0개의 댓글

[HTTP] 기초 - Request

하이퍼텍스트(HTML)문서를 교환하기 위해 만들어진 protocol(통신규약)즉 웹상에서 네트워크로 서버끼리 통신할 때 어떤 형식으로 통신을 하는지 정해놓은 규칙이다. 프론트앤드 서버와 클라이언트간의 통신에 사용된다.백앤드와 프론트앤드 서버간의 통신에도 사용된다. HT

2020년 7월 11일
·
0개의 댓글

[Data structure] Introduction

안녕하세요 씨즈입니다:)오늘은 자료구조에 대해서 알아봅시다!자료구조란 데이터에 편리하게 접근하고 조작하기 위한 데이터를 저장하거나 조직하는 방법입니다.자료구조의 종류에는 배열, 딕셔너리, 튜플, 리스트 등 여러가지가 있습니다. 하지만 모든 목적에 부합하는 자료 구조는

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

GIT에 대해서

안녕하세요? 씨즈입니다:) 오늘은 git에 대해서 알아보겠습니다. >git이란 >소스코드를 효율적으로 관리하기 위한 버전 관리 시스템입니다. 소스코드들의 변경사항 내역들을 효율적으로 관리하기 위함인 것입니다. (소스코드란 index.html과 같은 코드파일들을 말합

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

DOM이란?

웹페이지의 HTML을 계층화시켜 트리구조로 만든 객체(Object) 모델입니다.JavaScript는 이 model로 웹 페이지에 접근하고, 페이지를 수정할 수 있습니다.DOM은 HTML과 javacript를 잇는 역할을 합니다. 방법은 document라는 전역 객체를

2020년 7월 3일
·
0개의 댓글

HTML - Semantic tag

안녕하세요! 씨즈입니다:) 오늘은 html 시맨틱 태그에 대해서 알아보겠습니다. >sementic tag에서 시맨틱은 의미있는 의미론적인이라는 뜻입니다. 그래서 시맨틱 태그란 의미있는 태그란 말입니다. html5가 등장하면서

2020년 7월 2일
·
0개의 댓글

Javascript 정의와 역할

안녕하세요 씨즈입니다:) 오늘은 자바스크립트의 정의와 역할에 대해 알아봅니다. 1. 자바스크립트는 사용자와 상호작용을 하는 언어이다. 'HTML'로 웹페이지의 전체적인 구조를 만들고, 'CSS'를 통해 디자인을 한다면 'javascript'는 HTML을 제어하는 언어

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

[CSS] Float

예전에는 플롯을 이용해 레이아웃 배치에도 사용했었지만 이것은 플롯의 순수 목적에 어긋났었죠이제는 flex를 통해 웹사이트의 레이아웃을 아주 쉽게 구성할 수 있게 되었습니다.float를 주기 전에는 이미지와 텍스트 사이의 공간이 낭비되는 모습을 보이고 있습니다. 이미지가

2020년 6월 24일
·
0개의 댓글

[CSS] Display: block, inline, inline-block

안녕하세요? 씨~즈! 입니다:) 지금은 장마 시작을 알리는 비가 내리고 있습니다. 비에 젖고 갬성에 젖네요..ㅋㅋ저는 점심으로 순대국을 먹었더니 배가 든든해졌는데요! 여러분은 맛점하셨나요?먼저 display 속성은 요소(elements)를 block과 inline 중

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

[CSS] Position

안녕하세요! 씨즈\~~ 입니다:) 오늘은 CSS Position에 대해서 알아봅니다. 혹시.. 웹사이트를 보시면 박스가 눈에 들어오시나요? 여러 박스로 구성된 레이아웃이 그려지시나요?한 번 웹사이트 하나를 정해서 살펴보세요! 여기는 header, 아래는 navigati

2020년 6월 24일
·
0개의 댓글

CSS - Selector

안녕하세요! Seize~ 입니다:) 재즈 좋아하시나요? 저는 지금 chet baker 노래를 들으며 velog를 쓰고 있어요. 한 번 들어보시길! 우선 선택자(selector)가 무엇인가요?쉽게 설명하면 CSS 효과를 누구에게 줄건지 즉, 어떤 tag를 가진 eleme

2020년 6월 23일
·
0개의 댓글

[CSS] box-sizing: border-box;

안녕하세요! 시즈입니다:) [CSS] box-sizing: border-box;에 대해서 알아봅시다. why?! 왜 사용할까요?

2020년 6월 23일
·
0개의 댓글