TIL/academy

국비 TIL(Today I Learned) 20220518 js 테이블, ul안에 요소 추가, 제이쿼리!

토희 2022. 5. 18. 17:42
728x90

크로스 브라우징 관련 애기

제이쿼리 자바스크립트 라이브러리, 크로스 브라우징 알아서 처리함

 

제이쿼리를 쓰다가, 인스타 만든 사람들이 리액트를 만듬, 

제이쿼리는 js만인데, 리액트는 html, css, js 뭉쳐서 부품을 만들수있음

리액트 클래스 기반에서 함수 기반으로 감, 2년전부터

 

참고

https://devowen.com/298 

 

[React] 클래스형 컴포넌트 vs 함수형 컴포넌트

리액트를 사용하여 프론트 개발을 할 때 두 가지 방법으로 컴포넌트를 선언할 수가 있다. 과거에는 클래스형 컴포넌트를 주로 사용했지만, 2019년 v16.8 부터 함수형 컴포넌트에 리액트 훅(hook)을

devowen.com

 

구글 앵귤러, 유튜브 폴리머 만들고, 미국에서 많이 쓴데

일본 가면 일본에서 만든거 쓴데, 루비

 

자바 전에는 코볼언어를 썼는데, 바뀌는데 30년 걸렸데

그래서 제이쿼리도 없어지는데 오래 걸린다고, 프레임워크도 배우기

 

 

제이큐그리드

 

 

테이블, ul태그 안에 데이터 추가, 삭제

 

insertRow : table에 새로운 행을 추가

insertCell : table row에 새로운 cell을 추가해줍니다. 즉, insertRow()로 생성한 row에 cell을 추가

deleteRow : table에 행을 삭제

createElement : 요소를 만드는 메서드

appendChild : 선택한 요소 안에 자식요소를 추가

removeChild : 선택한 요소 안에 자식요소를 추가

 

 

 

setTimeout, setInterval, clearTimeout, clearInterval : 콜백함수

setTimeout - 일정 시간 후 한번 실행  //  setInterval - 일정 시간마다 반복 실행

clearTimeout - 일정 시간 후 한번 실행하는 것을 중지 // clearInterval - 일정시간마다 반복하는 것을 중단

 

toLocaleDateString()  // 2020.05.18

toLocaleTimeString() // 오후 1:14:40

toDateString() // Wed May 18 2022
toLocaleString //2022. 5. 18. 오후 1:17:33

 

 

인덴테이션, 들여쓰기

 

 

제이쿼리

1. 다운받는 방식

2. cdn

 

제이쿼리 name 쓸때는 복수로 취급해서 복잡

show()/ hide()

css()

fadeIn() / fadeOut()

 

서비스를 제공하는 서버

우리 컴퓨터는 클라이언트만 깔려져있었음

 

https://tomcat.apache.org/download-80.cgi

 

Apache Tomcat® - Apache Tomcat 8 Software Downloads

Welcome to the Apache Tomcat® 8.x software download page. This page provides download links for obtaining the latest versions of Tomcat 8.x software, as well as links to the archives of older releases. Unsure which version you need? Specification versions

tomcat.apache.org

tar.gz 리눅스버전

설치버전으로 받으면은, 다른버전 설치할때 지우고 다시 받아야함 그래서 zip으로

 

톰캣 깔기전에 자바부터!!!

https://www.oracle.com/kr/java/technologies/javase/jdk14-archive-downloads.html

오라클 회사는 오라클이라는 데이터를 만듬, mySQL, 자바 다 삼

mySQL이라고 하지만 우리는 마리아 db로 씀, 오라클꺼는 유료

 

 

 

 

 

 

금일 깃헙 주소

https://github.com/saehee15/acamedy/tree/main/20220518

 

GitHub - saehee15/acamedy

Contribute to saehee15/acamedy development by creating an account on GitHub.

github.com

 

728x90