profile
초록색 귤이 노랑색으로 익어가듯, 실력이 익어가기 위해 노력하는 개발자 lahee입니다. 프론트엔드 개발자를 목표로 성장하고 있습니다.
post-thumbnail

Event Deligation(이벤트위임) .closet

"this.parentNode.parentNode.parentNode.style.cssText='height:50px';"이런 식으로 부모의 상위 상위 상위 요소를 찾기 위해 !!부모 최상위 document까지 찾아준다. https://developer.moz

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

WEBPACK 실습1.

웹팩은 파일 내에서 불러온 js 알아서 관계파악하기 때문에entry에는 파일 내 연결된 것 제외해도 알아서 합쳐진다. entry : 합칠 파일output : 결과물 파일 path: path.join(\_\_dirname, "dist"),filename: "app.js"

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

[벨로퍼트님 개념] 1장(4) 리액트

19. React.memo 를 사용한 컴포넌트 리렌더링 방지 20. useReducer 를 사용하여 상태 업데이트 로직 분리하기

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

[벨로퍼트님 개념] 1장(3) 리액트

16 ~ 18장 useEffect | useMemo | useCallback

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

[벨로퍼트님 개념] 1장(2) 리액트

10. useRef로 특정 DOM 선택하기 + 배열 렌더링

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

[리액트] 01. 세팅과 기본지식

리액트 프로젝트 생성 1. node.js 설치 > -> npm 이라는 툴을 이용 가능하다! 2. npx create-react-app 프로젝트명 > -> npx 라이브러리 설치를 도와주는 명령어 (node.js설치되어야 이용가능) -> create-react

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

local storage에 데이터 저장하기

기본 사용법 setItem(key, value) - 메서드 해당 키 값으로 데이터를 저장 getItem(key) - 메서드 해당 키 값의 이름을 가진 데이터를 가져온다 removeItem(key) - 메서드 해당 키 값의 이름을 가진 데이터를 삭제한다. key(inde

2022년 1월 9일
·
2개의 댓글
post-thumbnail

Node .js 에러[nodemon 설치인식x, 포트 존재]

zsh: command not found: nodemon 출력됨다시 재설치하고 껐다켜도 안되는 상황에서 전역설치로 하니까 깔끔하게 다시 됐다! 😎npm i -g nodemonError: listen EADDRINUSE: address already in use ::

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

1. 성공하는 사람은 반드시 이 원칙을 지키며 말한다. (feat. 유튜브 Simon Sinek)

지구상 모든 사람들과 기관들은 그들이 무엇을 하고 있는지 안다. 그 중에 일부는 어떻게 하고 있는지 안다. 차별화된 가치 제안이나 독점 프로세스나 USP(Unique Selling Proposition) 라 부르는 것들을.그러나 이것을 아는 사람은 드물다'왜' 그들이

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

2021년 마지막 날을 보내며,

벌써 2022년을 바라보다니, 시간이 참 빨리 간다고 느껴진다. 작년의 난 천천히 취업하자는 생각으로, 학교 수업과 대회에 열심히 했던 모습이 생생하다. 1년이 지나다니, 참 많은 일이 있었다.그 중에서도 기억나는 큰 사건들은 시 행정업무 부업인턴에 참여해서 도서관에서

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

21.12.23(목) git 명령어 정리 + Node

깃헙에서 new 버튼 클릭 > 레포 생성 > readme없이 제목 description 적고 생성 > 폴더에서 깃헙 열기 ( 터미널 ~ cd 해당 폴더로 이동)> echo "7. git init > ((ls -al 하면 .git이 생김 확인 가능(숨겨진 dir) >))

2021년 12월 23일
·
0개의 댓글

21.12.22(수) 차트 + 댓글 + git

프로젝트 점검 chartjs +bootstrap D3 다른 언어와 차이점. 추가한 글씨 좌칙 하단이 (200,200) 이다. 버블 구현! https://bl.ocks.org/mbostock/4063269 😎 CSV(영어: comma-separated valu

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

Web Storage 공부

데이터가 어떤 범위 내에서 얼마나 오래 보존되느냐에 있다. 두 기술 모두 데이터를 브라우저 상에 저장한다는 것이며,JS API가 완전히 동일한 형태이다.스토리지에 저장된 값을 삭제하기 전까지는 브라우저에 계속 남아있다. 여러 탭이나 창 간에 데이터가 서로 공유되며

2021년 12월 21일
·
0개의 댓글

code . 터미널에서 열기

commad+ shift + p >> shell command > >'command in path'terminal >code .

2021년 12월 21일
·
0개의 댓글

[22장] this

this 키워드 객체는 상태(state)를 나타내는 프로퍼티와 동작(behavior)을 나타내는 메소드를 하나의 논리적인 단위로 묶은 복합적인 자료구조다. 동작을 나타내는 메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경할 수 있어야 한다. 이때 메서드

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

21.12.21(화) IT기획이란 ? + 정규표현식

ex ) 제주시 소통협력센터 온라인 플랫폼 구축4개월 67,000,000 온라인 플랫폼 구축 8명이 들어가야하는 프로젝트다...(힘들 수 있다) 웹 접근성 > 스크린 리더, 다양한 디바이스*브라우저에서 접근 가능하도록, 스토리보드, 여태까지 실적을 통한 신뢰성, 마감

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

21.12.20(월) js성능 최적화

성능 측정의 척도시간초기 구동 시간 : 초기에 애플리케이션이 로드되는 시간계산 시간 : 동일한 계산을 얼마나 빠르게 수행하는가반응 시간 : 사용자의 행동에 얼마나 빠르게 반응하는가 초기구동시간pinterest는 대기시간 40%줄여서 검색엔진 트래픽과 가입수를 15%늘렸

2021년 12월 20일
·
0개의 댓글

git commit 변경하고 싶을때

나를 위한 기록, 지난 git commit 이 변경하고 싶을 때, 너무나도 고민이던 ... https://velog.io/@mayinjanuary/git-%EC%BB%A4%EB%B0%8B-%EB%A9%94%EC%84%B8%EC%A7%80-%EC%88%98%EC

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

Next.js yarn 권한설정문제

쓰다보니 권한문제가 너무 불편함을 느꼈다 sudo를 계속 붙일 수 없으니 구글링.!해당 폴더에 정보로 들어가서 공유 및 사용 권한 > staff : 읽기 전용 => 읽기 및 쓰기 로 변경

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

git 명령어 + update

1. git init 연결 2. git add (. : 모든 /파일명 ) 파일 추가 3. git commit 짧게 commit 내용 추가 git commit --amend add와 commit -m "abc -포지션 변경 -fixed 변경" 엔터 치고

2021년 12월 18일
·
0개의 댓글