일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- react
- 자스코테
- VUE
- 자바스크립트
- 국비IT
- 타입스크립트
- spring
- 정보처리기사
- ReactNative
- Java의정석
- 정보처리기사요약
- 자바스크립트 코딩테스트
- 오라클
- 정보처리기사정리
- 정보처리기사실기
- 정보처리기사실기요약
- javascript
- 이안의평일코딩
- 자바의정석
- 스프링
- 리액트
- typescript
- 정보처리기사실기정리
- CSS
- Oracle
- 국비코딩
- 코딩테스트
- 리액트네이티브
- 평일코딩
- php
- Today
- Total
목록Front-end/JavaScript (12)
이안의 평일코딩
단위 , 콤마 찍기 (단위변환).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); 리액트 예시 import React, {useEffect, useState} from 'react' import UserCardBlock from './Sections/UserCardBlock'; function CartPage(props) { const dispatch = useDispatch(); const [Total, setTotal] = useState(0) //(중략) let calculateTotal = (cartDetail) => { let total = 0; cartDetail.map(item => { total += parseInt(item.price,10) * it..
자바스크립트란? HTML은 구조, CSS는 디자인, 그리고 자바스크립트(JavaScript)는 동작을 담당한다고 생각하면 쉽다. 자바스크립트 프레임워크인 리액트(React), 뷰(Vue.js), 앵귤러(Angular)를 제대로 활용하기 위해서 자바스크립트의 이해는 필수이며 프론트엔드 뿐만 아니라 백엔드 개발자에게도 중요하다고 말하기에 입아픈 언어라고 할 수 있다. HTML 외부에 자바스크립트를 기술하고 싶을 때는 하기와 같이 불러옵니다. 변수 let과 상수 const let은 데이터 값 변경이 가능한 변수이며, const는 데이터 값의 수정이 불가능한 상수이다. 둘 다 데이터 값에 이름을 지정하여 사용하고 싶고 데이터 값을 반복해서 사용하기 위해서 사용한다. // 변수 초기화는 변수 let만 가능하며 상..
2020.10.26(월) JavaScript => 태그를 추가, 데이터 변경, 화면 이동 => 이벤트 (프로그래머마다 처리 기능이 틀리다, 통일화) JQuery (DOM프로그램(문서 객체 모델 Document Object Model, 트리형태)) => JavaScript의 라이브러리 exam1.jsp Java Oracle JSP Spring JavaScript exam2.jsp 이름 성별 나이 홍길동 남자 30 심청이 여자 20 박문수 남자 35 exam3.jsp 이름: exam4.jsp
2020.10.15(목) 사용자 요청 ==> 서버를 거쳐서 처리 (Controller) ==> 자바 ==> 사용자 컴퓨터에서 처리 ==> 자바스크립트 ***1) 자바 : 데이터베이스 연결 ==> 데이터를 전송 (프로그래언어 => C/C++,C#,Java) ***2) HTML : 정적 = 브라우저 출력하는 언어 수정)==3) CSS : 시각화 = 보는거다 = 외국(인터넷 => 정보를 공유) 4) 자바스크립트 : 이벤트 처리 (이벤트 구동 방식) ========== ***ajax nodejs vuejs ***reactjs ======= ***jquery ==> 자바스크립트 (ES5) ==> ES8 1) 변수 var : 자동 지정변수 var i=10 ==> 정수 인식 (int) var i="aaa" ==> S..