profile
Generalist.
post-thumbnail

[redux] redux 정리

redux란? redux는 전역 상태 관리 라이브러리로 여러 프레임워크에서 사용 가능하다. react의 useContext로 props drilling을 해결 가능 하지만 큰 프로젝트에서는 redux을 사용하는게 성능면에서 좋다. redux 작동 방식 store

2022년 2월 6일
·
0개의 댓글
post-thumbnail

[JS] 자바스크립트 엔진 원리

면접 중 프론트 개발자님이 자바스크립트 엔진 원리를 물어보셨다.자바스크립트 V8엔진? 브라우저랑 노드에서 쓰는 엔진 그거 맞나? 이렇게 생각하다가 결국 모른다고 했쥬😅그래서 정리해보기로 했다.자바스크립트로 웹 앱을 구축하려는 시도가 늘면서 빠르게 동작하는 자바스크립트

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

[TS] Typescript 프로젝트 설정

npm install -g typescripttsc app.ts => app.js 생성됨npm init => package.json 생성됨npm install --save-dev lite-server npm start 하면 localhost:3000에서 로딩7\. ap

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

[월간회고] 12월 회고

인턴 종료 후 가서 했던 프로젝트를 발표했다. 팀이 워낙 많아서 짧게 했지만같은 팀원이었던 지훈님이 워낙 재밌는 분이라 잘 끝마칠 수 있었다. 다른 팀들도 여러가지 새로 배운 스킬들과 프로젝트를 발표했는데 다들 열심히 한 것 같았다.수료식날 진탕 마시고 3차 백신도 맞

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

[react] to do list 구현

부캠 수료가 끝나고 이력서를 쓰긴 해야하는데 생각해보니 나 혼자 만든 프로젝트(?)가 1도 없던 것..!😱 여기저기 많이 떠돌고 있는 그 분의 투두는 context를 이용하였던데 아직은 개념이 부족하다고 생각해서 useContext 없이 구현해 보았다. 나름의 디자

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

[JS] 연산자 우선순위

출처 : 모던자바스크립트 Deep Dive책을 보다 연산자의 우선순위가 이런식으로 되어있는지 몰랐다.연산자 종류가 많아서 모두 기억하기보다는 우선순위가 높은 그룹 연산자를 먼저 기억하는게 좋지 않을까.

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

[프로그래머스] 정수 내림차순으로 배치하기

const solution = (num) => { let result = num.toString().split("").sort().reverse().join(""); return +result }

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

[react] iframe으로 자식창에 메세지 넘기기

📌 기업협업을 하면서 CTO님께서 iframe을 통해 독립된 url로 게임창을 띄우고 싶다고 하셨다. 메세지로 부모와 자식장에 메세지 보내는 것을 먼저 테스트 해보라고 하셔서 그 때 처음 쓰게 되었다.현재 페이지에 다른 html 파일을 포함시키는 중첩된 브라우저로if

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

[기업협업 회고] 협업 프로젝트 후기

플랫폼형 무인카페 플랜즈커피협업기간 : 11/15 ~ 12/9 4주 협업인원 : 프론트엔드 2명협업내용 \- 1주 : 세미나 발표 What is react-spring? \- 2주 : 게임 기획 \- 3주 ~ 4주 : 커피 몰아주기 게임 구현 고객들에게 간편한

2021년 12월 14일
·
2개의 댓글
post-thumbnail

[월간회고] 11월 회고록

리엑트 스프링은 스프링 물리학 기반 애니메이션 라이브러리이다.기업 협업에서 할 프로젝트를 위해 배우게 되었다.Hooks: useSpring, useSprings, useChain, useTrail, useTransition복잡한 애니메이션을 구현하지 않아서 useSpr

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

[프로젝트 회고] 2차 프로젝트 후기

1차보다 더 빠른 속도로 흘러간 시간..1차 프로젝트에 이어 이번엔 마이리얼트립을 모티브로 만든 아워코드트립 프로젝트를 진행했다.이번에는 1차 때 하지 못했던 기능들을 하고 싶어서 리스트 페이지를 제외한 기능을 골랐다.디테일 페이지가 내용만 많은줄 알았더니 기능도 꽤

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

[월간회고] 10월 회고록

함수형 컴포넌트, 조건부 렌더링, Hooks, Styled ComponentsGitflow, Git rebase10월에 두 가지 프로젝트를 하면서 시간이 정말 정신없이 흘러갔다. 블로그 포스팅도 못하고 월간 회고도 10일이나 늦게 올리다니!그래도 프로젝트 발표하고 나서

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

[프로젝트 회고] 1차 프로젝트 후기

드디어.. 짧다면 짧은 2주가 지나고 프로젝트가 끝이 났다.처음 맡은 팀 프로젝트는 조구만 스토어 클론 코딩이었다. 클론 코딩이라고 해서 코드를 카피하는 것이 아니라 구현된 페이지와 기능만 보고 클론해서 쉽지만은 않앗다. 조구만 스토어 클론 코딩을 하면서 저 공룡 캐릭

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

[월간회고] 9월 회고록

sass, router, mock data, props, component, state, eventpush, branch, repository, pr, code reviewnode, API, express, database, MySQL, prisma, C.R.U.D,

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

[JS] 자바스크립트 동기 & 비동기 정리

본 내용은 드림코딩 엘리님의 강좌를 토대로 작성하였습니다.callback함수란 다른 코드의 인자로 넘겨받는 함수를 뜻한다.코드를 실행하다가 특정한 때에 함수를 실행한다.동기 : A라는 일이 끝날 때까지 기다렸다가 B를 실행비동기 : A라는 일이 끝나지 않아도 B를 실

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

[react] fontawesome 아이콘 클릭 변경 기능 구현하기

fontawsome 하트 아이콘을 이용하여 클릭 시 ♡를 ♥︎로 변경클래스를 추가해서 색상도 변경 -> ❤️근데 마우스가 안보임🤫fontawsome에서 하트 아이콘 import일단 폰트어썸페이지에서 리액트에서 사용할 수 있도록 설치파일 설치!fontawesome re

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

[월간회고] 8월 회고록

개발자가 되기 위해 퇴사를 밝힌 7월 1일.그리고 프리코스를 시작한 7월 중순.그렇게 빠르게 7월이 지나갔다.8월은 퇴사와 동시에 시작된 부트캠프..그리고 순식간에 지나간 2주! JS 예습을 시작으로 벌써 react까지 정말 진도가 빠르다.9년의 커리어를 버리고 선택한

2021년 8월 31일
·
2개의 댓글
post-thumbnail

[Linux] Terminal 명령어 정리

  개발한 프로그램은 Linux OS가 설치된 서버에서 배포되고 동작하게 됩니다. Linux 서버에 명령어를 전달하는 수단이 바로 Terminal 입니다.

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

[CSS] 레이아웃 정리

  레이아웃은 웹화면을 볼 때 컨텐츠를 좀 더 직관적으로 볼 수 있게 해주기 때문에 중요하다. 이러한 레이아웃을 지정하는데 있어서 여러 속성들을 이용할 수 있다. HTML 요소들은 디스플레이 기본값을 갖는데 block 또는 inline으로 구분할 수 있다.block요소

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

[HTML] Semantic Web & Semantic HTML

Semantic Web이란?

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