본문 바로가기

전체 글127

[JavaScript] 비동기 처리 개념 1. 자바스크립트는 싱글 스레드?자바스크립트에서 비동기 처리는 웹 개발에서 중요한 개념이다.비동기 처리를 이해하면 자바스크립트의 실행 환경과 이벤트 루프, 콜백, 큐의 작동 방식을 이해할 수 있다.자바스크립트는 싱글 스레드(Single Thread) 기반의 프로그래밍 언어이다.하나의 스레드에서 모든 작업이 처리하도록 되어있기 때문에, 한번에 하나의 작업만 처리할 수 있다.이렇게 한번에 하나의 작업만 처리하는 것을 동기적 처리 방식이라고 한다.스레드(Thread)는 동시에 여러작업을 진행하는 기능이라고 생각하면 편하다.( 예를 들어, 유튜브를 보며 게임을 하는,, )** 왜 자바스크립트는 싱글 스레드를 선택했는가?: 자바스크립트의 본래 기능이 웹페이지의 보조적인 기능을 수행하기 위해 만들었던 것이기 때문이.. 2024. 12. 4.
새로운 컴퓨터에 클론 파일 만드는 방법 1. 새 파일을 만들고 git bash에 git init을 입력 한다.git init 2. vs code를 열어 새로 만든 파일을 열고, 터미널에 다음과 같은 코드를 순서대로 입력한다.그러면 새로 만든 파일에 깃에 저장되어있는 내용들이 복사되었을 것이다.git remote add origin 저장소 주소git branch -M maingit pull origin main 3. 이후 내용을 수정 한 뒤 업로드 하고 싶다면 다음과 같이 입력하여야한다.git push --set-upstream origin main 4. 이후에는 전과 같이 업로드 하는 방법은 동일하다.git add .git commit -m "메모내용"git push 2024. 10. 23.
[jquery] 애니메이션 메서드 동작을 불어넣는 애니메이션 메서드애니메이션 메서드를 사용하면 선택한 요소에 스타일을 적용한 움직임을 만들어 낼 수있다.애니메이션을 적용하기 위해서는 .animate()메서드를 사용한다.// 기본형 $('요소').animate({css스타일 속성 : 값}, 효과 적용시간, 가속도, 콜백함수) - {css스타일 속성 : 값}애니메이션으로 적용할 css 스타일을 넣는다.객체로 넣어야 하며 속성명 : "속성값"의 형태로 작성한다.- 효과 적용시간동작에 반응하는데 소요되는 시간을 뜻한다.적용 시간은 'fast', 'slow', 'normal'이나 밀리세컨즈(ms) 단위로 사용한다.- 가속도애니메이션의 가속도를 결정한다. 'swing'과 'linear'를 적용할 수 있다.swing은 시작과 끝은 느리고.. 2024. 8. 28.
[jquery] 효과 메서드 효과 메서드효과 메서드를 이용하면 쉽고 역동적으로 동작을 조절하여 객체를 화려하게 숨기거나 보일 수 있다.또한 애니메이션 메서드까지 사용하면 다양한 동작(Motion)까지 적용할 수 있다.효과 메서드숨김 효과hide()display none과 같이 요소를 숨긴다.fadeOut()요소가 점점 투명해지면서 숨겨진다.slideUp()요소가 위로 접히며 숨겨진다.노출 효과show()display block 처럼 요소가 나타난다.fadeIn()숨겨진 요소가 점점 선명해지면서 나타난다.slideDown()숨겨진 요소가 아래로 펼쳐지며 나타난다.숨김, 노출 효과toggle()show()와 hide()효과를 적용한다.fadetoggle()fadeOut(), fadeIn() 효과를 적용한다. slidetoggle() .. 2024. 8. 28.
[Jquery] 제이쿼리 이벤트(Event) 제이쿼리 이벤트자바스크립트에서 사용자가 사이트에 방문 후 취하는 모든 행위는 이벤트라고 한다.로딩부터 시작해서 클릭과 같은 모든 동적인 행위(이벤트)가 발생하면 특정 코드가 발생하도록 입력할 수 있는데이렇게 실행되는 코드를 이벤트 핸들러라고 부른다.이벤트의 종류에는 로딩이벤트, 마우스 이벤트, 스크롤 이벤트, 포커스(폼) 이벤트, 키보드 이벤트가 존재하며 이벤트 메서드를 통해 실행 가능하다.이벤트 등록 메서드의 구조에는 하나의 이벤트만 등록할 수 있는 단독 이벤트 등록 메서드와 여러 이벤트를 등록하는 그룹 이벤트 등록 메서드가 있다.이렇게 실행된 이벤트는 이벤트를 제어하는 메서드와 프로퍼티를 통해 제어 가능하다.// 기본형 $("이벤트 대상").이벤트명(function(){ .. 2024. 8. 23.
[Jquery] 객체 조작 메서드 객체 조작 메서드 객체조작 메서드는 객체를 생성, 삭제, 복제, 속성 변환하는 메서드이다.객체 조작 메서드는 속성 조작 메서드와 수치 조작 메서드, 객체 편집 메서드로 나눠진다.속성 조작 메서드는 요소의 속성을 바꿀 때 사용하고, 수치 조작 메서드 요소의 넓이 높이나 위치 등을 조작할 때 사용하고, 객체 편집 메서드는 객체를 생성하거나 삭제 또는 복제할 때 사용한다. 속성 조작 메서드 속성 조작 메서드는 요소의 속성을 조작하는 메서드이다.1. html()  /  text() 메서드html() 메서드는  선택한 하위 요소를 가져와 문자열로 반환하거나 하위 요소를 전부 제거하고 새 요소로 바꿀 때 사용한다.text() 메서드는 선택한 요소에 포함되어 있는 전체 텍스트를 가져오거나 하위 요소를 전부 제거하고 .. 2024. 8. 20.

티스토리툴바