개발하는 루루언니

📕 구현하고 싶은로직 = 플러스 마이너스 버튼이 있고 각 분류마다 갯수를 개별로 체크하고 싶다. 1. Switch 와 Security 로 분류가 되어 있고 해당 갯수를 각각 체크를 할 수 있도록 로직을 구현 할것이다. [HTML] Switch Security 💡 내가 생각해낸 방법은 플러스 마이너스 값을 누를때 this 값을 count 라는 함수에 보내준 다음 처리하는 방법이였다. [JS] function count (type,ths) { const resultElement = document.getElementById(ths.name); let number = resultElement.value; if(type == 'plus') { number = parseInt(number) +1; } else i..

리엑트는 서비스에 사용할만한 결과물이 아니다. 서비스에 최적화된 효율적인 배포물을 만들 수 있을까? 💜 순서 따라하기 💜 1. 터미널 키기 2. npm run build 입력 -> 배포판을 만드는 과정 3. 입력하면 build라는 폴더 가 생김 , index.html 열어보면 공백조차 없이 코딩이 나옴 (배포할때는 공백이 필요없기에 최적화된 서비스 환경을 만들기 위한것 ) 4. 빌드명령을 실행하기 위해선 sverve 라는 앱서버를 사용하기를 추천 serve -s 라는 옵션을 빌드하게 되면 사용자가 열었을때 index.html 파일을 열게된다.(최적화된파일) 5. npx serve -s build 입력 서브는 노드js로 만들어진 애플리케이션이기에 때문에 npx를 사용해야함 빌드 폴더안에있는 html을 실행..

let copy = [...글제목]; copy[0] = ' 여자코트추천' 글제목변경(copy); 💜코드해석💜 [... ] 점 세개는 괄호를 벗겨주세요. --> 이걸 쓰지 않으면 copy == 글제목 = true로 나오며 내가 수정하려는 값이 변경되지 않음 copy[0] = '여자코트추천' 은 내가 변경하고 싶은값 쓰기 글제목변경(copy); = 변경할 함수안에 변경하고 싶은 변수를 넣어주면 변경됨 --- 기존 State가 array/ object면 독립적 카피본을 만들어 수정해야함

a 태그를 주어 클릭하면 웹페이지가 다시 새로고침(리로드) 되잖아요? 클릭시 리도드가 안되게 방지해주는 event 기능인 preventDefault 기능을 사용해 봅시다. event.preventDefault 핵심코드💜 {props.title} ------------------------------------------------- props 코드 (이해하기 위한코드) WEB을 눌렀을때 새로고침이 안되도록 해주는 event 기능이에요