profile
Web Developer
post-thumbnail

👉프로젝트 리팩토링

Front-End: React Hooks & Styled-Component, Redux, Social Login: Layout-ChildrenBack-End: Django, MySQLDeployment: AWSinterface를 가능한 똑같이 보이도록 완성도 있게 구현

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

알고리즘 정리

Call Stack: Stack구조로서 함수 불리는 형태가 LIFO 구조인 last in first out으로 단계별로 함수가 실행되고 없어진다. function two(){ console.log("hello");}function one(){ two();}functi

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

Router/ fetch

: Routing은 페이지 이동을 의미한다. 하지만 리액트에서는 라우팅이 내재되어있지 않아서 npm install react-router-dom --save 라는 명령어로 설치한다.import React from 'react';는 react패키지에서 React를 임포트

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

React(props/state)

request target:전송되는 목표uri터미널에서 CRA를 내 로컬에 설치한다.: npx create-react-app instagram(변수명)sass 다운프로젝트 터미널에서 : npm install node-sassnpm install -g serve:어디에서

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

Set / Hash

mySet={1,2,3,4,5,1,2}mySet={1,2,3,4,5}for i in mySet: print(i)=>{1,2,3,4,5} 출력mySet.append(7)mySet.add(7)=>{1,2,3,4,5,7} 7이 추가된다.var set1 = new Set(

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

HTTP

method:action을 정의하는 get/post/put/delete/options등이있다.request target:전송되는 목표uriheaders:bodyAccept: /:응답타입Accept-Encoding: gzip, deflateConnection: keep-

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

자료구조(Data Structure)

\-Array(Python은 List)\-Tuple\-Set\-Dictionary\-stack&queue\-Treemy_tuple =(1,"2",3.5) 이런 경우for i in my_tutpe: print(i);(1,2), (2,4) // Array(List) 안의

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

BootStrap

Bootstrap이란? : 샘플링 방법중 하나로 그 자체의 동작에 의해서 어떤 소정의 상태로 이행 하도록 설정되어 있는 방법으로 최초의 수 개의 명령에 의해서 그것에 계속해서 모든 명령을 입력 장치에서 컴퓨터 내에 인출(fetch)할 수 있도록 하는 방법이라고 정의된다. >### Instagram Clone ● 전반적인 html 레이아웃과 CSS는 b...

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

Instagram clone2

login.html ● 전반적인 html 레이아웃을 짜고 선택자와 inline으로 css를 입혔다. 전체적인 css파일을 적용하지 않은 상태이다. >### login.css ● 웹 페이지로 보았을때 이런 형태를 보이지만, CSS를 입혔을때 어느 기기로 보든지 레이

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

React

state = { title: 'xxx' body: 'yyy' isFeatured: true}

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

Web Operation Flow

웹은 어떻게 동작하는가? http통신을 하면서 사용자가 url을 입력하면 브라우저에서 서버에 url을 요청하고 서버에서 응답해준다. ● 호스팅 : 브라우저에 띄운다는것은 홈페이지의 구성 파일들이 인터넷에 항상 연결되고 절대 꺼지지 않는 호스트 컴퓨터(웹 서버)에 저장

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

Instagram clone

login.html ● 전반적인 html 레이아웃을 짜고 선택자와 inline으로 css를 입혔다. 전체적인 css파일을 적용하지 않은 상태이다. ● 웹 페이지로 보았을때 이런 형태를 보이지만, CSS를 입혔을때 어느 기기로 보든지 레이아웃이 뭉개지지 않고 보인다.

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

JS + DOM

window 는 전역객체이며 그 안에 객체 형태인 document 가있다.그리고 document안에 html을 가지고 있다.Javascript에서 html을 객체 형태로 가지고 있는 모델을 document라고 하며 window.document와 document 둘다 가

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

git

\------------------------------공통--------------------------------------------cd = 이동vi a.pp = a.pp라는 파일을 만들거나 수정한다.git init = 내 로컬 저장소를 만든다.git diff =

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

SEO 와 Semantic 태그

검색 엔진 최적화 (Search Engine Optimization, SEO 웹사이트는 검색엔진에 노출되어 가장 중요하다. 검색엔진은 로봇을 이용하여 웹 페이지의 구조를 이해하기 위해서 시멘틱 요소를 읽어들여 인지한다. 그렇게 되면 정보를 빠르게 전달 받아 더욱 효과적인 크롤링과 인덱싱이 가능해진다. 검색 엔진의 웹 크롤러가 자사의 웹페이지 및 콘텐츠를 ...

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

개발자도구

웹브라우저에 있는 모든 자원들을 url로 나타낸 http방식에서 (get,post,put,delete)가 있고 하나의 데이터는 하나의 url을 갖도록 작업하는 방식이다.https://velog.io/write?id=a03ddb6f-9cea-47ec-af88-9

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

Javascript

javascript HTML이란 웹 브라우저에 보여지는 전반적인 구조를 태그로 표현한다. >### Semantic 태그 웹 브라우저에 보여지는 의미와 관련성을 가진 데이터들을전반적인 구조를 더 효율적으로 레이아웃을 짜기위한 태그이다. Semantic tag(hea

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

HTML / CSS

position 속성(relative, absolute, fixed) 1. relative 2. absolute 3. fixed >### inline, inline-block, block 1. inline 2. inline-block 3. block >#

2020년 4월 21일
·
0개의 댓글

포트폴리오

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

spring

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