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

[백준 2439번 별 찍기 - 2]

js에서 배열 원하는 개수로, 값으로 초기화

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

js의 map

아이템 목록을 map을 쓸 때 key를 쓰는 이유? > React가 모든 아이템을 개별로 식별할 수 있다. 배열의 길이 2. 아이템의 위치 까지 확인해서 객체 및 배열 목록을 효과적인 방법으로 업데이트 할 수 있다. element 없이 바로 사용이 가능

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

2022. 04. 10(일)

변화의 시작! 4월 1일부터 10일까지의 회고

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

CSR vs SSR 정리

캐슁이 잘 되면 데이터 비용 save ! 데이터 센터 한 나라에만 있어도 전세계적으로 빠르게 서빙 가능한데 csr은 효율적으로 사용 못함 SEO최적화가 잘 안된다. Search Engine Optimization 검색엔진최적화 웹사이트 만들면 내용이 검색엔진에서 키워드

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

원두마켓 구현 목표(3)

이용약관 및 개인정보 안내문구 현재 작업중이던 input 입력 컴포넌트의 type값 props 작업 코드 리팩토링회원가입 react hook 라이브러리로 유효성 검사 추가아직 API가 완성되지 않음(1). API 연결 확인하기 (2). 데이터 조회하고 유효성 검사 부분

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

[백준 2675 문자열 반복]

배열의 연결고리가 필요한 상황 join을 이용해서 합친 결과 애매한 .. split을 쓰려면 문자열 형태여야함. map을 쓰려면 split으로 배열 형태로 만들어야 함. join을 써서 각 배열의 연결 형태를 바꿔줄 수 있다. 그래서 그게 뭔데? ![](http

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

[백준 15552번 빠른 A+B]

VSCode에서 예상한 출력값이 나오는지 확인하기 위해 추가한 목업데이터@@궁금해서 돌려봤다 하핳.. 🥺예상과 다르게 내가 쓴 readFileSync로 가져오는 것보다 readline이 메모리도, 시간도 적게 사용했다. 성능 차이가 작다는 것을 알게 되어, readl

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

[백준 2480 주사위 세계]

오랜만에 코테를 다시 준비해보니, 처음부터 다시 공부의 필요성을 느꼈다. 특히 자바스크립트로 처음 풀면서, 웹 개발에도 js로 풀어보는게 많이 도움이 될거란 생각이 들었다. 더 좋은 방법을 찾다가 sort로 정렬한 뒤에 비교하면 더 간단해진다는 것을 알게 되었다. so

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

유효성 검사 -react hook form

버튼을 클릭했을 때, 유효성검사 진행한 결과 문구가 나온다. 실시간으로 사용자에게 알려주는게 좋겠다는 생각이 들어 다음과 같이 변경했다. > mode: 'onSubmit' 이 default 값으로 되어있는데, 이것을 input의 값이 변경될 때마다 확인하도록 mod

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

[책] ch1.MVC와 MVP, MVVM

MVC란 "Model-View-Controller" (모델-뷰-컨트롤러)의 약자이다. 모델이란 데이터와 데이터에 접근하기 위한 기능, 여기에 다양한 로직을 보탠 것을 가리킨다.뷰는 콘텐츠를 어떻게 외부에 출력할지를 정의하는 부분이다. 사용자에게 전달되는 형태는 HTML

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

Redux + modal 고민

Redux 쓰는 이유 모든 컴포넌트가 props없이 state 직접 꺼낼 수 있음 상태관리가 용이하다. ( state관리 ) 컴포넌트들 수정요청만 가능 - 요청받는 store.js 문제 생겼을때, 관리 무조건 store.js( 추적 및 관리 필요 ) state 버그

2022년 3월 26일
·
0개의 댓글

[책] ch1.SPA와 PWA-프론트엔드 구현 기술의 최신동향

웹 애플리케이션, 그 중에서도 서버 사이드 분야에서 "라우팅"이라고 하면 사용자의 요청이 들어온 URL에 대해 적절한 응답(HTML 혹은 JSON)을 돌려주기 위해 어떤 처리와 매치시킬지를 결정하는 과정을 가리킨다. SPA는 하나 이상의 화면 상태로 구성된다. 그러나

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

git 하위 폴더 클론 - 에러

알고리즘 스터디에 참여하면서, 다른 스터디원의 폴더를 갖고 오기보단 내 폴더만 갖고 와서 수정하는 게 어떨까라는 생각이 들었다.처음에 fork로 내 레포지토리에

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

git squash merge 관련 다시 볼 블로그

git squash merge 에서 과거 2개만 합치고 싶을떄위에 커밋을 pick 밑에 커밋을 s (squash) 으로 하면된다 ! squash merge에 대해 처음 써봤는데 너무 신기하다. ㅎㅎ해당 커밋번호로 가면 인근 커밋이 나옴. git rebase -i HEA

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

[책] ch1.자바스크립트 프론트엔드 개발 프레임워크의 발전

프로그램에서 필요로 하는 기능을 제 3자가 사용할 수 있는 형태로 모아둔 것을 말한다.라이브러리를 사용하는 형태에도 여러 가지가 있지만, 꼭 어떤 특정한 형태의 설계를 갖는 애플리케이션의 어떤 부분에서 사용해야 한다는 법칙이 정해져 있는 것은 아니다. 라이브러리를 사용

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

[책] 계획 및 다짐

이 책은 2018년 11월 발행되었다. 최신 리액트 문법은 아니지만, 부족한 기본기를 갖추고자 필요한 부분을 읽어보기로 결정했다.책이 React, Angular, Vue js, React Native로 나뉘어져 있기에, 우선 나에게 필요한 부분만 읽기로 결정했다.미뤄져

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

원두마켓 구현 목표(2)

이용약관 및 개인정보 모달창 구현 현재 작업중이던 input 입력 컴포넌트의 type값 props 작업 코드 리팩토링회원가입 react hook 라이브러리로 유효성 검사 추가API 연결 확인하기 쇼핑몰 코딩을 위해, 하루 1시간 리액트 강의 듣기 (최소) 카카오톡 |

2022년 3월 21일
·
0개의 댓글

S3 + 클라우드프린터 배포

배포하고 문제 생기면 바꾸기. 버킷정책 -> principal 2번째 씨드의 principal 부분을 복사해서 1에다가 붙여넣고, 두번째 정책부분 지우기. 변경사항 저장 . 원본경로 - 일반 > 설정편집 > 기본값 루트 객체 - 선택사항 index.html로

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

원두마켓 구현 목표(1)

input창 번호 구현010 / 011 / 016 / 017 .......회원가입 정보 동의 페이지 (클릭하면 모달 띄울까 페이지로 나오게 해야하나 생각해보자)이용약관 개인정보처리방침https://j3pr.tistory.com/70이 블로그 참고해서 만들어보자

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

컴포넌트에 style 적용하려면?

fragment props는 받기 가능 but, class를 어디에 줘야할지 모름 그래서 인라인 방식으로 스타일을 줘도 안되고, 새로운 컴포넌트를 만들어 스타일을 추가해도 안되는 것이다. 스타일을 줄 컴포넌트에 props 명시를 해주면 된다!cf. 컴포넌트명은 보기 쉽

2022년 3월 14일
·
0개의 댓글