profile
Frontend Enginner
post-thumbnail

node.js 5줄로 서버 만들어 보기

Node.js로 서버 만들기 Node.js는 모듈 시스템을 구축하고 있습니다 모듈이란 ? 모듈은 필요한 것만 불러오는 것이라고 생각하면 쉽습니다. http 서버가 필요하니 http모듈을 require메소드를 통해서 불러와 변수 http에 저장합니다. Node에서

어제
·
2개의 댓글
post-thumbnail

Node.js 아주 기본

Node.js는 구글 크롬의 자바스크립 엔진을 기반으로 만들어진 플랫폼입니다. Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. Node.js는 이벤트 기반, 논 블로킹 I/O 모델을 사용해 가볍고 효율적입니다.

어제
·
0개의 댓글
post-thumbnail

React | 원티드 클론 프로젝트 후기

Project Overview 내가 제안했던 와이즐리 사이트가 가장 많은 투표를 받아서 2차에는 와이즐리 사이트를 진행할 줄 알았다. 하지만 최근 저작권 관련해서 이슈가 있어서 와이즐리는 선정에서 제외가 됐다. 다행히도 내가 하고 싶었던 사이트 중에 하나인 원티드에

7일 전
·
12개의 댓글

javscript object

Object 생성자는 객체 래퍼(wrapper)를 생성합니다.구문// 객체 초기자 또는 리터럴{ \[ nameValuePair1\[, nameValuePair2, ...nameValuePairN ] ] }// 생성자new Object(value)매개변수nameValue

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

javascript mdn map

설명Map 객체는 요소의 삽입 순서대로 원소를 순회합니다. for...of 반복문은 각 순회에서 key, value로 이루어진 배열을 반환합니다.키 동일성키 동일성은 sameValueZero 알고리즘에 기반합니다.NaN !== NaN이지만, 그럼에도 NaN은 NaN과

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

javascript scroll event

The Window.scroll() method scrolls the window to a particular place in the document.Syntaxwindow.scroll(x-coord, y-coord)window.scroll(options)Paramet

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

동적라우팅 어떻게 하면 될까?

라우팅이란 ? 라우팅이란 다른 경로(주소)에 따라 다른 View(화면)을 보여주는 것입니다. React를 이용해서 SPA(single page application)을 개발할 때 가장 흔히 겪는 어려움 중에 하나가 웹페이지 라우팅입니다. 간단한 라우팅 구현 기본적으

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

Nike clone 프로젝트 후기

Nike 코리아 클론 프로젝트 후기 😛 자신의 아이디어를 프로젝트에 생산할 기존의 있는 사이트를 진행을 하면 기획과 디자인에 투자하는 시간을 최대한 줄일 수 있습니다.

2020년 9월 26일
·
3개의 댓글
post-thumbnail

위코드 한 달 후기 어쩌다 보니 아무말 대잔치..

한 달을 돌아보며 한 달 공부하고 리뷰하고 하니 조금 웃기기는 하다. 그래도 돌아보지 않는 거 보다는 나은 거 같다. 사전 스터디 📆 위코드에서 본격적으로 개강을 하기 전 공부하기 좋은 자료를 줬다. 그리고 동기부여를 위해 그리고 효율적인 공부를 위해서 사전스터

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

CSS Selector TIL

CSS를 사용하는 방법은 3가지가 있습니다. Inline Style Sheet html 태그의 style 속성에 css코드를 넣는 방법입니다. Internal Style Sheet html 문서 안의 stlyle태그 안에 css 코드를 넣는 방법입니다. Linking

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

Westagram React클론 후기

Westagrm 프로젝트 후기👏 개발 공부를 하면서 개발하는 것 만큼 지금 내가 무엇을 해야하고 무엇을 했는지 정리하는게 중요하다고 생각합니다. 내가 지금 무엇을 구현하려 하고 오늘 무엇을 구현했고 앞으로 어떤 걸 만들어야 하는지 정리하는 것을 말합니다. '

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

알고리즘 문제

물이 넘치지 않는 사각형의 넓이를 구하는 문제입니다. 겉만 보면 어려운 문제처럼 보이지만 의외로 쉽게 풀 수 있는 문제입니다. check list Math.max, Math.min의 활용 물이 넘치지 않게 작은 높이값을 사용 가로의 길이는 for문에서 j-i의

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

React Jsx와 component와 CRA(create-react-app) 초기세팅 방법

React React.js는 Javascript의 라이브러리입니다. 사람에 따라 프레임워크라고 부르는 사람이 있지만 라이브러리가 맞는 표현같습니다. jsx jsx는 Javascript 확장버전입니다. syntax extension for JavaScript라고 합

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

TIL 2020.09.02

간단한 하루 정리 하루동안 배운 것들 React react props, state의 정의 state 정의 axios를 사용해서 영화 api 구현하기 proptypes의 사용 api에서 Http http의 구조 response와 request algorithm 연

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

하루에 한 번씩 듣는 http, 그게 뭐길래 그렇게 매일같이 나올까?

hyperText html(HyperText Markup Language) HyperText = 문서와 문서가 링크로 연결 되어 있음을 뜻함 transfer 전송하다 = 물건이나 편지 따위를 보내다 HTML로 만든 웹페이지 문서(파일)를 보낸다.Protoc

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

Instagram Vanila javascript 클론 후기

위코드 2주차가 끝났습니다. 2주차에는 html, css, valia javascript로 인스타그램을 클론을 했는데요. 1주차에 html, css, javascript 문법 문제 풀때 보다 실제 사용 페이지를 구현해서 더욱 재밌게 코딩을 했습니다. 물론 잘 안 될때

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

TIL. 크롬 개발자 도구 (element, network, console, application)

Elements html 코드를 분석하고 수정할 수 있는 도구 패널이다. Dom과 css를 자유롭게 조작하여 사이트의 레이아웃과 디자인을 테스트 할 수 있다.

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

Javascript scope TIL

Javascript에서 scope란 변수가 어디까지 쓰일 수 있는지의 범위를 의미합니다."is not defined"라는 에러 메시지를 보신적 있나요? 이는 변수가 아직 선언되지 않았다는 걸 말합니다. 쉽게 말하자면, 어떤 변수는 여기저기서 쓸 수 있는 반면에, 어떤

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

Semantic Web과 Semantic Tag [TIL]

Semantic Web 시맨틱 웹(semantic web)은 '의미론적인 웹'이라는 뜻이다. Semantic Web과 현재 Web의 차이 기존의 HTML로 작성된 문서는 컴퓨터가 의미정보를 해설할 수 있는 메타데이터보다는 사람의 눈으로 보기에 용이한 시각정보에

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

TIL position 속성(relative, absolute, fixed), inline, inline-block, block그리고 float

1. position 속성 cssd의 position 프로퍼티를 사용하면, html 코드와 상관없이 그리고 싶은 어느 위치에나 요소를 그릴 수 있습니다. position: static 일단 모든 태그들은 처음에 position:static상태입니다. (기본적으로 s

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