profile
코딩하는 디자이너

Clock

intervals 매번 일어나야하는 무언가 setInterval 두가지 argument를 받음 실행하고자 하는 function, function간격을 몇 ms로 할지 sayHello 기능을 매 5초마다 실행 5초 지날때마다 console에서 Hello가 뜸 Time

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

Login form 만들기

input value 인풋의 유효성검사를 하기 위해서는 form안에 input이 있어야함 form 태그 안에서의 button은 제출하는 역할 button태그의 기본값인 submit으로 그냥 두어야 제출이 됨. console.dir(loginInput)으로 input

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

HTML과 Javascript의 상호작용

document Javascript에서 html을 표현하는 object를 가져옴 document에서 항목들을 가지고 오는 것 document 항목들을 변경 document.getElementById("") string을 전달받음, HTML에서 id를 통해 element

2023년 3월 30일
·
0개의 댓글
·

자바스크립트 기초 2

Returns console.log();는 console창에 뜨기만 하고 데이터를 가져오거나 화면에 띄우지 못함 function이 작동할때 호출한 코드 = return 값 conditionals prompt(); 사용자에게 창을 띄울 수 있도록 해줌 argumen

2023년 3월 24일
·
0개의 댓글
·

자바스크립트 기초 1

Variables console.log() 콘솔에 log또는 print 함 ()안에 숫자나 string을 넣을 수 있음 연산도 가능 프로그래머가 되려면 게을러지는 법을 배워야한다. 코드를 적게 쓰는게 에러도 적고 시간도 덜 걸림. const : none chang

2023년 3월 19일
·
0개의 댓글
·

최신 JavaScript 문법

var → const & let const는 한 번 선언하면 값을 바꿀 수 없는 상수 같은 스코프(중괄호) 내에서 중복된 이름을 가질 수 없음 let은 선언과 변경이 자유로운 변수 Array 메소드 forEach : 배열의 요소를 이용해 순차적으로 함수를 실

2023년 3월 16일
·
0개의 댓글
·
post-thumbnail

부트캠프 두번째 프로젝트 회고록

부트캠프에서 개인프로젝트 다음으로 두번째 프로젝트를 진행했는데 처음으로 팀원을 짜서 진행하게됐다. 프론트엔드 2, 백엔드 2 메인페이지 상품페이지 장바구니페이지 마이페이지 ![](https://velog.velcdn.com/images/norong316/p

2023년 3월 12일
·
0개의 댓글
·

useSearchParams를 이용한 query string 여러개 구현

프로젝트로 명품 대여 서비스 사이트 구현중인데 카테고리, 브랜드 필터링이 필요해서 이런식으로 url 구현이 필요했다. useSearchParams를 이용하면 쉽게 구현할 수 있다기에 카테고리를 일단 필터링 해봄 Filters.jsx 받아올 쿼리스트링이 늘어나

2023년 3월 7일
·
0개의 댓글
·

[React]paypal npm install설치시 npm Err!

협업하다가 브랜치 pull하고 실행하니까 갑자기 paypal에러가 났다... 아예 화면을 확인할 수가 없어서 paypal npm 설치했는데 요런 문구들이 떴다. 해결방법 npm install 뒤에 ' --save --legacy-peer-deps ' 를 추가해주면

2023년 2월 23일
·
0개의 댓글
·
post-thumbnail

[React] \n을 br태그로 변환하기

상품 상세정보를 받아올때 밑에 개행처리를 하고싶었다.제이슨 파일로 되어있는건데 \\n을 br로 바꿔주는 작업처음에는 style="white-space: pre-line;" 요걸로 구현했는데html 코드 받아서 공격받을 수 있다고 지양하는게 좋다고한다.그래서 다른방법을

2023년 2월 21일
·
0개의 댓글
·
post-thumbnail

react slick 구현

slick라이브러리로 요새 슬라이더랑 캐러셀 많이 구현한다고하길래메인 구현하면서 공부할겸 한번 설치해봤다.npm 통해서 slick설치하고코드 적용하면 완료되어야하는데 에러메시지가 떴다.react-slick should be listed in the project's d

2023년 2월 17일
·
0개의 댓글
·
post-thumbnail

React style 적용

조별 프로젝트 진행에 앞서컴포넌트를 각자 맡아리액트 스타일을 적용해보고 있는데일일이 const로 태그 걸어서 하니까 태그 const도 너무 많아지고태그 걸어야하는게 너무 많아져야 한다는 불편함을 느낌...ㅠ그래서 좀 더 단순화하는 방법 없을까 찾다가styled-comp

2023년 2월 15일
·
0개의 댓글
·

정적메서드 Object

코드 문제를 풀다가 따로 const로 지정한 변수도 아니고 배운 함수도 아닌데 여기서 Object.values가 갑자기 나오길래 궁금해져서 찾아보게됐다. 공식문서를 찾아보고 다시 코드를 찾아보니까 filter를 통해 추출된 값들을 반환해준단 뜻이었다. MDN 공

2023년 2월 12일
·
0개의 댓글
·

'next'관련 에러

'next'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다.npm run dev 가 안될땐 아래처럼 해보자.package-lock.json 삭제

2023년 2월 9일
·
0개의 댓글
·
post-thumbnail

부트캠프 첫 개인 프로젝트 회고록

계속 figma로 UI/UX 디자인만 해왔다가엘리스 부트캠프 통해서 html/css/javascript배운것 기초로2주간의 개인 프로젝트로 진행하게 된 포폴 사이트 만들기\[](https://myweb-theta-two.vercel.app/?fbclid=IwA

2023년 2월 8일
·
0개의 댓글
·