profile
발전하고 싶은 프론트엔드 개발자 입니다 :)
태그 목록
전체보기 (23)React(5)클론코딩(4)리액트(4)CSS(3)1차프로젝트(2)html(2)array(2)JavaScript(2)Flex(2)westagram(2)SPAO(2)TIL(2)slice매서드(1)인증(1)path parameter(1)object(1)배열(1)인가(1)component(1)array.shift메서드(1)position(1)hooks(1)시맨틱태그(1)사전스터디(1)벨류(1)다음 글부터는 TIL로(1)개구리랑 flex 완전정복(1)인증과 인가(1)SPAO클론코딩(1)매서드 사용방법(1)Elements(1)rebase(1)restful api(1)http(1)시맨틱웹(1)for문(1)SPAO회원가입(1)배열길이구하기(1)객체(1)background-img태그(1)요소수정(1)concat메서드(1)반복문과 조건문(1)요소삭제(1)router(1)http통신(1)useEffect(1)useState(1)semantic tags(1)통신규약(1)1차 프로젝트(1)network(1)인스타그램(1)레이아웃(1)git flow(1)sources(1)장바구니 페이지(1)조건문(1)첫 클론코딩(1)prestudy(1)반복문(1)요소접근(1)concat(1)React Intro(1)filter(1)loginPage(1)application(1)key(1)bycrypt(1)개발자도구(1)데이터베이스(1)value(1)filter메서드(1)(1)회원가입 페이지(1)State(1)ReactDOM.render(1)함수(1)Sass(1)DevTools(1)CustomHook(1)display: flex;(1)로그인페이지(1)block(1)객체와 반복문(1)데이터타입(1)inline(1)console(1)HyperTextTransferProtocol(1)요소추가(1)스파오 클론코딩(1)프로젝트(1)spa(1)첫글(1)render(1)forLoops(1)JSX(1)Javascript 기초(1)semantic web(1)변수(1)squash(1)splice메서드(1)salting&keystretching(1)Database(1)토큰(1)팀프로젝트(1)img태그(1)Props(1)array.pop메서드(1)Array.splice()(1)리액트 선행학습(1)array.splice메서드(1)css속성(1)단방향해쉬(1)git(1)query parameter(1)routing(1)
post-thumbnail

[React] Hooks

함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 "연동(hook into)" 할 수 있게 해주는 함수이다.class 컴포넌트 안에서는 동작하지 않으며, useState, useEffect 등 내장 Hook을 제공한다.(Hoo

2021년 10월 23일
·
0개의 댓글
post-thumbnail

Git Workflow & Rebase

Git flow Main branch(시작) ➡️  Develop branch 생성 ➡️  feature(F1/F2) branch 생성(개발 진행) ➡️  Develop branch로 이동(feature F1 개발완료시) ➡️  feature F2 개발 준비 ➡️  D

2021년 10월 23일
·
0개의 댓글
post-thumbnail

1차 프로젝트 마무리

🔍 첫 팀프로젝트 일대기 간단요약 > - 팀명 : 스파오게임(SPAOGAME) 팀원 \- Front-end : 강성구, 김현진, 정경훈 \- Back-end : 김주현, 이기용, 송영록 >- 개발기간 : 2021-10-05 ~ 2021-10-15(2주) >- 개발목

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

[1차프로젝트] SPAO(회원가입 페이지 진행상황 기록)

프로젝트 사이트(SPAO) - http://spao.com구성원 : 프론트엔드 (3명) / 백엔드 (3명)담당페이지 : 로그인 , 회원가입, 장바구니시멘틱 태그를 이용한 회원가입 페이지 레이아웃 구성하기불필요한 className 최소화 및 scss 규칙 지켜

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

[1차프로젝트] SPAO(로그인 페이지 진행상황 기록)

프로젝트 사이트(SPAO) - http://spao.com구성원 : 프론트엔드 (3명) / 백엔드 (3명)담당페이지 : 로그인 , 회원가입, 장바구니구현목표( 1 ) 시멘틱태그를 이용한 레이아웃 구성( 2 ) 로그인 페이지 내부 기능구현\- 아이디, 비밀번호

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

TIL-RESTful API

API 구조를 만들기 위해(API 시스템을 구현하기 위한 아키텍처) 가장 널리 사용되는 형식이다. 리소스(HTTP URI로 정의된)를 구조적으로 깔끔하게 표현한다.(HTTP Method + Payload)장점 : 서버와 클라이언트 사이에 주고받는 메세지를 스스로 설명

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

[React] 인스타그램 클론코딩 마무리 기록

제시된 문제 : ID와 PW <input>에 이벤트가 발생할 때, handleIdInput함수를 실행하고 이벤트가 일어난 요소에 담긴 (event.target.value)을 state에 저장한다.< 내가 작성해본 코드 >email(idInput)과 passw

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

TIL - 인증&인가

개인정보를 통해 본인임을 증명하는 방법이라고 쉽게 설명을 할 수 있다. 우리가 회원가입 시 휴대폰 본인인증 서비스를 이용하여 본인을 확인시켜주고 가입을 할 수 있고, 이렇게 가입한 아이디로 웹페이지에 로그인을 할 수 있는데 이러한 과정을 인증이라고 정의할 수 있다.우리

2021년 10월 2일
·
0개의 댓글
post-thumbnail

TIL-Database

1. 데이터베이스(Database)란 무엇인가? >데이터란 컴퓨터 안에 기록되어 있는 숫자를 의미하며, 이런 데이터의 집합을 데이터베이스라고 한다. 일반적으로 데이터베이스의 개념은 특정 데이터를 확인하고 싶을 때 간단하게 찾을 수 있도록 정리된 집합을 말한다. 통상

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

[React] 2. React Router, Sass]

🔍 React Router >- path속성으로 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 지정하고 브라우저 이동 없이 빠르게 페이지 전환이 이루어지도록 도움을 준다. CRA(Create React App)에는 routing을 위한 로

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

TIL- React Intro

React 배경지식 왜 리액트를 사용 하는가? 웹 어플리케이션의 발전 정적인 1세대 웹에서(html , css, 자바스크립트, 돔, 이벤트) 동적인 2세대의 웹(제이쿼리- 메서드 모음) 으로 발전하면서 3세대 웹 (프론트앤드 프레임워크 & 라이브러리) 리액트,앵귤러,뷰

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

TIL - React를 시작하기 전에(1~5)

✔ JSX는 무엇인가? > 위의 태그 문법은 HTML도 아니고, 문자열도 아니다. 자바스크립트를 확장시킨 JSX라는 것이다.(아직은 내가 배우기 전이니 React.js를 쓰기 위해 사용하는 문법정도라고 생각해 두려고 한다...) ✔ JSX가 가진 특징은 무엇

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

Weekly I Learned(2주차) - 인스타그램 클론코딩(Westagram)

✔ HTML을 이용한 뼈대 만들기 로그인 페이지 및 메인 페이지 만들기 > - 로그인 페이지 >- 메인 페이지 ✔ CSS를 이용한 레이아웃 만들기 > 로그인 페이지 메인페이지 ✔ 결과물 >✔ 내가 잘 했다고 생각하는 점 👍 완성을 해냈다. 👍 자기소개 페이지를 만들

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

Weekly I Learned(2주차) - HTTP

✔ HTTP란 무엇인가?

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

Weekly I Learned(1주차) 이번주는 개구리랑 Flex 해버렸지 뭐야~?

✔ flex는 무엇인가? 🚩 정의의 사도 MDN 형님 曰 > CSS 속성 flex는 하나의 플렉스 아이템이 자신의 컨테이너가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을 설정하는 속성입니다. 라고 MDN형님은 설명을 해주셨다. 나는 앞서 포스팅

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