profile
즐겁게 배우고 꾸준히 블로깅하는 주니어 개발자입니다 ;>
post-thumbnail

javascript_Redux

Redux 기본 세가지 원칙 상태가 관리되는 오직 하나의 공간(Store) Action(javascript Object) Reducer라는 함수를 만들어서 이것에 의해 state에 변화가 생긴다. 장점 상태를 예측 가능하게 만들어준다 유지보수 디버깅에 유리하다(ac

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

javascript_React 기술과 node.js를 이용한 서버 작성(Mini Project)

IM 6번째주에는 리액트를 공부하고 부족했던 서버의 express를 공부했다. 너무 많은 것들이 한번에 몰려와서 버거웠던 일주일을 보내고 나름 공부도 하고 아팠던 몸을 위해 휴식도 조금 취했다. 그리고 7번째 주에 새롭게 sprint를 들어가기 앞서 mini proje

2020년 7월 21일
·
2개의 댓글
post-thumbnail

javascript_react에서 setstate를 사용하는 이유

리액트를 공부하면서 class component에서 state를 사용하고 이 값을 변경하기 위해서 setState함수를 사용해야만 한다는 것을 배웠다. 하지만 왜 굳이 함수를 사용해서만 값을 변경해야하는지 생각해보라는 호영님의 숙제(?)를 받아서 알아보고 재밌어서 블로

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

javascript_React-functional component vs class component

Component란? Component는 사용자인터페이스의 일부를 나타내며 재사용이 가능하다. functional component class component 링크텍스트 링크텍스트

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

javascript_React-정적 HTML 파일만들기

React Tutorial(https://www.taniarascia.com/getting-started-with-react/)아래의 코드로 처음 튜토리얼을 진행하고 코드를 분석했다.

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

javascript_React

React는 페이스북에서 만든 javascript를 기본으로하는 라이브러리이다. 리액트가 처음 나왔을때는 createClass를 이용하다가 Class로 업데이트를 한 후 지금은 Hooks이 최신으로 업데이트 되었다. 아직도 class를 많이 이용하고 있어서 hooks이

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

javascript_How to debug Node app

기본준비물 : nodemon설치, postman설치package.json의 script에 실행시키는 문서명 바로 뒤에 --inspect를 적는다.(시작하자마자 디버깅을 하고 싶은 경우 --inspect-brk를 붙인다)서버를 실행한다크롬의 콘솔창을 열면 이전에는 보이지

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

javascript_express

Node.js의 핵심모듈인 http와 Connect컴포넌트를 기반으로 하는 웹 프레임워크다. Express.js란express로 server를 만들어보려고 한다. http로 만들어서 작동을 하게 코딩했지만 express로 만드는 방법을 이해하지 못해서 공식문서를 보고

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

javascript_CommonJS

CommonJS는 웹 브라우저 밖의 자바스크립트를 위한 모듈 생태계의 규칙을 설립하기 위한 프로젝트이다. 모듈은 전역객체인 exports객체를 이용하고 모듈의 사용은 require함수를 이용한다. 원래는 module.exports만 있었다. 하지만 코드를 좀 더 간단하

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

javascript_HTTP Method

HTTP은 클라이언트와 서버사이의 통신규약이다. 이전 블로깅에서 정리를 했지만 추가적으로 정리를 더하고 코드분석을 추가해서 정리하려한다. 먼저 HTTP Method은 MDN에서 확인이 가능하다. 종류는 GET, POST, PUT, PATCH, DELETE, OPTION

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

javascript_Browser Security

javascript로 같은 도메인에서의 접근은 항상 가능하지만 도메인이 다른 경우에는 접근을 막는다는 정책인 SOP정책을 깨고 외부 도메인에서의 접근을 허용해주는 규약이다. 같은 페이지라고 이미지나 동영상과 같은 소스별로 도메인이 다른 경우 접근을 허용해서 요청이 가능

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

javascript_Web Architecture

브라우저는 췝페이지, 이미지, 비디오 및 기타파일을 포함하여 World Wide Web에서 컨텐츠를 찾고 검색하고 표시하는데 사용되는 소프트웨어 응용 프로그램이다. 예로는 크롬, 사파리, 익스플로어, 오페라, 파이어폭스 등이 있다. 주요 기능은 사용자가 선택한 자원을

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

javascript_Callback & Promise / Async & Await

javascript는 동기적으로 실행된다. 동기적으로 실행된다는 의미는 코딩되어 있는 순서대로 읽고 실행된다는 의미이다. 동기적으로 이용하게되면 처음 코드가 실행이 되는 시간동안 다음 행동으로 넘어가지 못하고 모든 행동이 끝날때까지 기다렸다가 끝이나면 다음 코드를 실행

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

TodoList만들기!_AutomaticWatch

실시간으로 시간을 알 수 있도록 시계를 만들기로 했다. new Date를 이용해서 실시간 시간은 알 수 있다는 것을 알고 있어서 class를 만들어보기로 했다.어제부터 자동으로 시계가 돌아가도록 만들고 싶었는데 코드를 구현하고 실행을 시키면 처음 시간만 나오고 setI

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

TodoList만들기!_allDeleteList

이번에는 버튼을 누르면 전체 list가 삭제되는 기능을 구현하려한다. 그리고 input에 텍스트가 없어도 enter를 누르면 리스트가 만들어져서 이 부분도 수정을 같이 했다. 이렇게 todoList에 추가기능, 삭제기능, 전체삭제기능을 구현했다. 이제는 이미지를 넣거나

2020년 6월 25일
·
2개의 댓글
post-thumbnail

TodoList만들기!_deleteList

점심을 먹고 바로 삭제버튼을 만들기로 했다. 구현하고 싶은 것을 생각했다.휴지통모양의 아이콘으로 삭제버튼을 만들면 좋겠다휴지통아이콘을 클릭하면 해당 list만 삭제되면 좋겠다삭제버튼에 마우스를 올렸을때 색이 변했으면 좋겠다(css)삭제버튼에 마우스를 올리면 포인터로 변

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

TodoList만들기!_init.js

바로 리스트를 프린트해보기로 했다.코드를 적기전에 내가 구현하고 싶은 기능을 생각해보았다.페이지가 load되었을때 input창에 focus가 되었으면 좋겠다버튼을 누르거나 enter키를 눌러도 list가 만들어지면 좋겠다list가 만들어지면 input창이 비었으면 좋겠

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

TodoList만들기!_mocha-testing(2)

어제는 basic-self-assessment가 있었고 오늘부터 이번주는 solo-study기간이다. 이번주에는 todoList에 리스트 추가기능과 삭제기능, 그리고 전체삭제버튼기능을 구현해보려고 한다. 어제는 기본테스트를 했으니 오늘은 내가 구현할 기능을 테스트하는

2020년 6월 25일
·
2개의 댓글
post-thumbnail

javascript_N-Queens

N-Queens은 백트래킹 알고리즘 문제로 유명한 문제이다. 문제의 간단한 룰은 이러하다. 임의의 n의 숫자가 주어지면 n^2크기로 만들어진 체스판이 생긴다. 체스판 위엔 서로 공격할 수 없도록 n개의 퀸을 올려두는 경우의 수를 구하는 문제이다. 퀸은 체스에서 자신의

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

javascript_ES6와pseudoclassical(ES5)비교

pseudoclassical은 변수에 함수를 할당해서 constructor를 만든다. 매개변수가 있는경우도 있고 없을 수도 있다. 이 코드는 매개변수가 있는 경우의 예이다. 메소드는 변수와 prototype을 이용해서 할당한다. new연산자를 사용해서 새로운 insta

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