# js
객체 연습2
몇날며칠씩 찾으며 만들었다..만은입력 삭제 부분이 안된다 ㅠ!codepenDevCatOrDuck/embed/LYdMpwW?default-tab=html%2Cresult
[JS] 콜백함수
정의: 함수에 파라미터로 들어가는 함수용도: 순차적으로 실행하고 싶을 때 씁니다.addEventListener 함수 argument 자리에 function(){}라는 또 하나의 함수가 있습니다. 이것을 콜백함수라고 합니다.Q. first() 함수 다음에 second()
[Swagger] 기존 프로젝트 API 명세 자동화하기
Swagger가 뭔데? 간단히 말해 스웨거란 API를 명세, 관리하여 사용자들이 보다 더 쉽게 알 수 있도록 도와주는 것. 왜? 회사 내의 다른 개발팀과 협업을 했어야했던 적이 있는데, 그 팀에서 API명세를 엑셀로 정리해서 줬던 적이 있는데 그게 제가 처음으로 본
HTML/JS(Select문 사용법)
배우는 것이 많아지니 정리할 곳이 필요하여, 늦었지만 지금이라도 꾸준히 배운것들을 기록하기 위해 만들었습니다! 이 예제를 통하여 html삽입 및 다양한for문을 학습하였습니다. 항목를 선택하면 그 항목에 맞는 사이즈표를 드롭다운 하는 코드입니다. ★select태그에
Vue 3.2 에서 필수로 짚고 넘어가야 할 미래
Vue 개발자에게 한마디로 어그로 끌어보겠다. 난 Vuex가 매우 싫다. 하는김에 React 개발자에게도 어그로 끌겠다. 난 Redux 도 매우 싫다. Vuex가 Deprecated 된 거 축하한다. 빠밤.
React의 맥가이버, react-use, react-hookz!
어이, 리액트 개발자들, useState, useEffect 이 두개만 가지고 상태관리 전략 짜느라 시간 허비하지 말고 그냥 라이브러리 써. 물론 시간이 많이 주어진 개발자들에게는 축복 그 자체지만. 연구하는 개발자들은 이래서 좋은 거야.
class와 Array 객체를 이용하여 Stack과 Queue를 구현하시오.
class를 처음 사용해봤다. 추상적이고 모호해서 항상 뒤로 미뤄놨는데, 제대로 부딪혀 보기로 했다. 직접 stack과 queue를 만들어보자!
[React] useEffect의 cleanup 함수 lifecycle
deps가 비어있을 때(\[]) 첫 mount와 화면이 전환되어 unmount되기 전에 cleanup이 작동한다.deps에 값이 있을 때(count, name) 첫 mount와 함께 변수가 생성되며 useEffect 함수가 작동한다.deps의 값들이 변화할 때 해당 d
15장~17장: Modern Javascript Deep Dive
여기서도 var키워드를 사용해선 안되는 이유가 등장합니다. var변수는 중복 선언이 가능하기 때문에 본인이 작성하고 있는 코드의 앞에서 이미 같은 이름이 변수가 선언되었는지 아닌지 확인할 수 없습니다.또한 var키워드는
객체 연습 js
분명히 아무런 오타도, 실수도 없는데 문제가 발생한다면 DOM이 로딩되기전에 js가 작동해서 일어나는 문제일 가능성이 있으므로 window.addEventListener("DOMContentLoaded", () => {}안에 넣어버리자.아직 덜 끝남
[JS] event.target
이벤트가 발생한 대상 객체를 가리킵니다.지정된 event target(html 요소) 에지정된 event type(click, input 등등)이 발생하면지정된 event handler(함수)가 실행된다.버튼을 클릭 했을 때 콘솔 창에 입력이 출력된다.버튼을 클릭 했을
(11) Rock, Paper, Scissors solution
이 솔루션은 Rock, Paper, Scissors challenge on Frontend Mentor 챌린지 참여 결과물입니다.
[Node.js]auth-session
.env.example파일을 .env파일로 바꿔주고 안의 비밀번호를 초기에 설정한 값으로 세팅을 해준다..env파일에 적혀있는 이름대로 데이터베이스를 생성해준다.mkcert로 받은 인증서를 server폴더에 복사한다.우선 CORS 및 세션 옵션을 설정해준다.index.
[Node.js]Cmarket database
먼저 env.example파일을 .env파일로 바꿔주고,DATABASE의 값을 초기에 mysql로 만든 db설정 값으로 넣어준다.test케이스에서 users router파일이 존재해야 한다 했으므로, routes폴더 밑에 users파일을 만들어준다./routes/ind
12장~14장: Modern Javascript Deep Dive
12장. 함수 함수와 관련되어 용어를 정리할 필요가 있습니다. 함수가 작동하기 위해 입력받는 변수 : 매개변수, parameter 입력 : 인수, argument 출력값 : 반환값, return value
[React] notificatioin API 이용하여 브라우저에 알림 띄우기
Notification API의 존재현재 작성한 내용은 기본 알림이고 더 많은 알림은 아래 링크 참조https://developer.mozilla.org/ko/docs/Web/API/notification