일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 커스텀훅
- 옵셔널 체이닝
- 동적메타태그생성
- 실수
- 리액트쿼리
- JavaScript
- open gragh
- GIT
- CSS
- 오픈그래프
- 메타태그
- 3-21
- 리눅스 명령어
- 변수선언
- ContextAPI
- customHook
- ReactQuery
- Today
- Total
나를 위한 기록
231006/D+3 본문
function() <-아무런 인자를 받지 않음
<button id="btn" type="button">버튼</button>
JQuary사용
javascript
document.getElementById.('btn').addEventListener('click', function() {
alert('버튼 클릭 이벤트');
});
JQuary
$('#btn').on('click', function() {
alert('버튼 클릭 이벤트');
});
document -> $
getElementById -> #
. on -> addEventListener
세상 짧고 간단해짐.
이벤트 리스너는 DOM 객체에서 이벤트가 발생할 경우 해당 이벤트 처리 핸들러를 추가할 수 있는 오브젝트이다.
이벤트 리스너를 이용하면 특정 DOM에 위에 말한 Javascirpt 이벤트가 발생할 때 특정 함수를 호출한다.
DOM객체. addEventListener(이벤트명, 실행할 함수명, 옵션)
참고 https://ordinary-code.tistory.com/64
일반함수
[일반 함수]
function addFunc(x, y) { return x + y; };
[화살표 함수]
let addFunc = (x, y) => {return x + y};
화살표 함수는 일반 함수에 비해 많은 코드 입력을 요구하지 않습니다. 더 짧은 코드로 동일한 결과를 얻을 수 있습니다.
화살표 함수는 본문이 짧은 경우 중괄호와 return문을 생략할 수 있습니다.
let addFunc = (x, y) => x + y;
그리고 인수가 하나만 있는 경우 소괄호를 생략할 수 있습니다.
let twiceFunc = x => x * 2;
let twiceFunc = x => x * 2;
인수가 존재하지 않는 경우 언더바(_)를 작성하거나 빈 소괄호를 작성합니다.
let strFunc = _ => 'Hi'; // 또는 let strFunc = () => 'Hi';
출처 https://developer-talk.tistory.com/284
Git
로컬-내 컴퓨터
git remote -v
remote: 원격의
-v: 현재 상태 확인
로컬에서 원격으로 작업을 하기위해서는
깃허브의 주소를 항상 명시해야 한다.
항상 https:~~하기에는 너무 기므로 변수를 줘서 짧게 쓴다.
origin이라는 변수에 주소를 대입해서 사용
origin은 로컬과 원격을 연결하는 매개체
git remote add origin_test 깃허브 주소 입력
깃허브에서 >원격으로 작업한다>뭔가를 추가한다>origin_test요것을>깃허브 주소 입력 여기에
remote를 add할 때 변수명 오타 등의 문제가 생길 수 있음.
git remote remove origin_text
origin_text 삭제
-현재 브렌치 확인
git status
on branch release
현재release 브렌치에 있음.
git branch -r 전체 브렌치 확인
브렌치끼리 이동
git checkout main
-현재 브렌치에서 main으로 이동
-새로운 브렌치 생성
git checkout -b release1
release1라는 새로운 브렌치가 생성됨. (현재 작업중이던 브렌치 기준으로)
현재 브렌치가 dev였다면 release1는 dev의 복사본.
'Today I Learned' 카테고리의 다른 글
231009/D+6 (0) | 2023.10.09 |
---|---|
플렉스 박스 레이아웃 (0) | 2023.10.09 |
[JS] var /let /const (0) | 2023.10.05 |
231005/D+2 (0) | 2023.10.05 |
git pull이 안되는 문제 (0) | 2023.10.05 |