JSDocs - 기초편
JSDoc : 이 함수를 사용할 때 마우스를 올려두면 주석이 힌트로 나오게 된다 (Webstorm, VSCode 등에서 사용가능)함수 위 /\*\*치고 엔터 치면 JSDoc 자동완성된다.변수.사용가능 함수도 자동완성(10년전 타입스크립트 없을때 사용했다)요즘에도 사용한
정수내림차순으로배치하기
1\. 숫자를 문자열로 바꾸기 1) num.toString() , (100).toString() 2) String(num), String(100) 3) num+"" 4) ${num} , ${100} 5) toFixed() === toFixed(0),
[Angular prettier] arrow function 축약문법 설정
코드 리뷰를 받을 때, 세미 콜론을 자꾸 빼먹는 경우가 생겨 프리티어로 세미 콜론만 추가로 설정하고자 했다. (
Angular review 배열에 push 실패
Cannot read property 'push' of undefined when combining arrays => 게시판 생성 때, 데이터 타입 정의를 해당 변수에 넣어줬으니까 초기화가 진행됐을 거라고 생각했다.
js의 map
아이템 목록을 map을 쓸 때 key를 쓰는 이유? > React가 모든 아이템을 개별로 식별할 수 있다. 배열의 길이 2. 아이템의 위치 까지 확인해서 객체 및 배열 목록을 효과적인 방법으로 업데이트 할 수 있다. element 없이 바로 사용이 가능
CSR vs SSR 정리
캐슁이 잘 되면 데이터 비용 save ! 데이터 센터 한 나라에만 있어도 전세계적으로 빠르게 서빙 가능한데 csr은 효율적으로 사용 못함 SEO최적화가 잘 안된다. Search Engine Optimization 검색엔진최적화 웹사이트 만들면 내용이 검색엔진에서 키워드
원두마켓 구현 목표(3)
이용약관 및 개인정보 안내문구 현재 작업중이던 input 입력 컴포넌트의 type값 props 작업 코드 리팩토링회원가입 react hook 라이브러리로 유효성 검사 추가아직 API가 완성되지 않음(1). API 연결 확인하기 (2). 데이터 조회하고 유효성 검사 부분
[백준 2675 문자열 반복]
배열의 연결고리가 필요한 상황 join을 이용해서 합친 결과 애매한 .. split을 쓰려면 문자열 형태여야함. map을 쓰려면 split으로 배열 형태로 만들어야 함. join을 써서 각 배열의 연결 형태를 바꿔줄 수 있다. 그래서 그게 뭔데? 
[백준 15552번 빠른 A+B]
VSCode에서 예상한 출력값이 나오는지 확인하기 위해 추가한 목업데이터@@궁금해서 돌려봤다 하핳.. 🥺예상과 다르게 내가 쓴 readFileSync로 가져오는 것보다 readline이 메모리도, 시간도 적게 사용했다. 성능 차이가 작다는 것을 알게 되어, readl
[백준 2480 주사위 세계]
오랜만에 코테를 다시 준비해보니, 처음부터 다시 공부의 필요성을 느꼈다. 특히 자바스크립트로 처음 풀면서, 웹 개발에도 js로 풀어보는게 많이 도움이 될거란 생각이 들었다. 더 좋은 방법을 찾다가 sort로 정렬한 뒤에 비교하면 더 간단해진다는 것을 알게 되었다. so
유효성 검사 -react hook form
버튼을 클릭했을 때, 유효성검사 진행한 결과 문구가 나온다. 실시간으로 사용자에게 알려주는게 좋겠다는 생각이 들어 다음과 같이 변경했다. > mode: 'onSubmit' 이 default 값으로 되어있는데, 이것을 input의 값이 변경될 때마다 확인하도록 mod
[책] ch1.MVC와 MVP, MVVM
MVC란 "Model-View-Controller" (모델-뷰-컨트롤러)의 약자이다. 모델이란 데이터와 데이터에 접근하기 위한 기능, 여기에 다양한 로직을 보탠 것을 가리킨다.뷰는 콘텐츠를 어떻게 외부에 출력할지를 정의하는 부분이다. 사용자에게 전달되는 형태는 HTML
Redux + modal 고민
Redux 쓰는 이유 모든 컴포넌트가 props없이 state 직접 꺼낼 수 있음 상태관리가 용이하다. ( state관리 ) 컴포넌트들 수정요청만 가능 - 요청받는 store.js 문제 생겼을때, 관리 무조건 store.js( 추적 및 관리 필요 ) state 버그
[책] ch1.SPA와 PWA-프론트엔드 구현 기술의 최신동향
웹 애플리케이션, 그 중에서도 서버 사이드 분야에서 "라우팅"이라고 하면 사용자의 요청이 들어온 URL에 대해 적절한 응답(HTML 혹은 JSON)을 돌려주기 위해 어떤 처리와 매치시킬지를 결정하는 과정을 가리킨다. SPA는 하나 이상의 화면 상태로 구성된다. 그러나
git 하위 폴더 클론 - 에러
알고리즘 스터디에 참여하면서, 다른 스터디원의 폴더를 갖고 오기보단 내 폴더만 갖고 와서 수정하는 게 어떨까라는 생각이 들었다.처음에 fork로 내 레포지토리에
git squash merge 관련 다시 볼 블로그
git squash merge 에서 과거 2개만 합치고 싶을떄위에 커밋을 pick 밑에 커밋을 s (squash) 으로 하면된다 ! squash merge에 대해 처음 써봤는데 너무 신기하다. ㅎㅎ해당 커밋번호로 가면 인근 커밋이 나옴. git rebase -i HEA
[책] ch1.자바스크립트 프론트엔드 개발 프레임워크의 발전
프로그램에서 필요로 하는 기능을 제 3자가 사용할 수 있는 형태로 모아둔 것을 말한다.라이브러리를 사용하는 형태에도 여러 가지가 있지만, 꼭 어떤 특정한 형태의 설계를 갖는 애플리케이션의 어떤 부분에서 사용해야 한다는 법칙이 정해져 있는 것은 아니다. 라이브러리를 사용