profile
튼튼한 개발자가 되기위해!
post-thumbnail

DOM script

Document Object Model화면상 요소들을 객체로 보는 모델화면상 HTML element를 직접 조작.className\- 선택자:nth-child(x)\` : x번째 요소예시 nodeList를 return배열처럼 조작data-xx로 시작하는 표준 커스텀 속

3일 전
·
0개의 댓글
post-thumbnail

Node.js+express로 백엔드 서버 만들기

Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다.

5일 전
·
0개의 댓글
post-thumbnail

CSS flex-box

flex 박스는 container와 item으로 나눠서 생각해야함반응형 웹을 만들 때 유용display : flex

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

CSS layout

엘리먼트를 화면에 배치하는 것엘리먼트는 위에서 아래로 순서대로 블럭을 이루며 배치되는 것이 기본display (block, inline, inline-block)block : 벽돌처럼 블록을 가지고 쌓임inline : 옆으로 흐름. inline-blockblockpos

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

React Middleware

dispatch() 메소드를 통해 store로 가고 있는 액션을 가로채는 코드비동기 작업이 가능하다비동기 함수 한개 안에서 여러가지 dispatch 수행이 가능하다리덕스에서 비동기 작업을 처리할 때 가장 많이 사용하는 미들웨어액션 객체가 아닌 함수를 디스패치 할 수 있

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

CSS 3D

perspective를 설정하면 3d 효과를 줄 수 있음perspective(투영점) 수치는 내 눈과의 거리.즉, 눈에서 얼마나 멀리있는 시점에서 바라볼 것인가의 의미\_\_& - https://webclub.tistory.com/486

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

Animation

CSS 애니메이션 과정의 중간 절차를 제어할 수 있다0~100%까지 지정이 애니메이션의 중간 상태를 지정중간 상태는 @keyframes 규칙을 이용하여 기술엘리먼트가 로드되고 나서 언제 애니메이션이 시작될지 지정한 싸이클의 애니메이션이 얼마에 걸쳐 일어날지 지정단위

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

CSS Transform, Transition

요소에 회전, 크기 조절, 기울이기, 이동 효과를 부여할 수 있습니다. transform은 CSS 시각적 서식 모델의 좌표 공간을 변경합니다.몇배로 커짐width, heigh와 달리 다른 박스에 영향없이 위로 뜨면서 커짐브라우저가 다른 박스의 위치를 계산하지 않아 성능

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

React-Redux

앱의 상태(state)를 관리해주는 JS 라이브러리facebook의 flux 구조와 비슷하며 리액트나 앵귤러와 함께 사용함React는 React 컴포넌트별로 상태관리를한다React+Redux는 상태관리를 하는 전용장소(store)에서 상태를 관리하고, react 컴포넌

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

Jest

{: width="50%" height="50%"}FaceBook이 만든 테스팅 프레임 워크최소한의 설정으로 동작하며 Test Case를 만들어서 어플리케이션 코드가 잘 돌아가는지 확인단위테스트를 위해 사용\*\*&- 인프런 - 따라하며 배우는 TDD 개발

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

TDD

Test Driven Developer = 테스트주도개발테스트 코드를 먼저 작성하고, 테스트를 통과하기 위한 것을 짜는 것결정과 피드백 사이의 갭에 대한 인식결정 : 프로그래밍을 하다보면 '이 방법으로 해야지','이렇게 짜야지'라는 결정을 한다피드백 : 프로그래밍시에

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

Next.js

페이지는 pages 폴더에폴더명/xx.js로 라우터 기능 지원\_app.js는 공통적인 부분을 담당. index.js의 부모격.

2021년 1월 6일
·
1개의 댓글

react-nodebird

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

Server Side Rendering

브라우저 -- 프론트서버 -- 백엔드서버 -- DB프론트서버에서 백엔드에서 받은 데이터를 html 페이지와 같이 브라우저로 보내줌한번에 화면이 그려지지만, 로딩시간이 길다ex] react, vue, agular브라우저 -- 백엔드서버 -- DB데이터없이 화면만 받고 데

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

vanillaJS 도서검색창

인프런강의 실습 UI 개발로 배워보는 순수 javascript와 VueJS개발(김정환) 검색폼을 바닐라 자바스크립트, MVC 패턴으로 구현한 뒤같은 기능을 Vue.js, MVVM 패턴으로 구현하고, vue CLI를 이용해 싱글 파일컴포넌트로 바꾸는 프로젝트 클론코딩&검

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

My trello - trello clone coding

vue로 구현한 trello

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

프로그래머스 Lv2 - 스킬트리[javascript]

처음에 skill length로 반복문을 돌려서 indexof로 비교를 했는데 CBD중 CB만있는경우에 실패했다...조건문을 어떻게 줘야할지 몰라 포긔..filter의 개념이 모호한것같다..막상 저렇게는 머리가 안구르네skill.substr이 케이스실패를 줄이는 핵심.

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

프로그래머스Lv2 - 기능개발[javascript]

&\`\`\` javascriptfunction solution(progresses,speeds){ let answer = \[]}const progresses = 95, 90, 99, 99, 80, 99const speeds = 1, 1, 1, 1, 1, 1co

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

더 나은 코딩을 위한 코딩을 지탱하는 기술

프로그래밍 언어에는 다양한 개념이 존재하고, 이런 개념들은 왜 탄생한 것일까?이 책의 목적은 그 '왜'를 알아내는 것이다책 표지에 밝힌 책의 목적과 부합하는 책이다.지금은 당연하게 쓰고 있는 개념들이 아직 세상에 나오기 전의 상황을 보여주며어떤 문제가 생겼고, 어떤 고

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