[TIL] Day07 - IT 5분 잡학사전 #22~25

오늘 TIL 3줄 요약 알고리즘은 컴퓨터에게 내리는 지시 사항을 나열한 것, 자료구조는 데이터를 효율적으로 보관하고 찾기 위한 것이다. 시간 복잡도는 알고리즘의 속도를 측정하는 방법으로 Big-O 표기법을 사용한다. 선형 검색은 순차적이고 느리며, 이진 검색은 중앙부터 시작해 효율적이다. TIL (Today I Learned) 날짜 2023년 10월 12일 (목) 오늘 읽은 범위 #22 - 자료구조와 알고리즘은 필수라고? #23 - 배열이 뭐죠? #24 - 알고리즘의 속도는 어떻게 표현할까? #25 - 검색 알고리즘이 뭐죠? 책에서 기억하고 싶은 내용을 써보세요. [p.133] - 알고리즘은 컴퓨터에게 내리는 지시 사항을 나열한 거야. [p.135] - 데이터를 보기 좋게 보관하는 것을 넘어서 찾기 좋게..

• format_list_bulleted T.I.L
• · 2023. 10. 12.
• textsms

Swiper 내부 영역 클릭 시, 의도하지 않은 슬라이드 이벤트가 발생하는 현상 해결하기

How to Resolve Unintended Slide Events When Clicking Inside a Swiper Slide 이번 포스팅에서는 Swiper 캐러셀 내부의 특정 영역을 클릭 했을 때, 사용자가 의도하지 않은 스와이퍼 슬라이드 이벤트가 발생되는 현상을 해결하는 방법을 다뤄보겠습니다. 이 문제를 예를 들어 설명하자면 스와이퍼에 동영상 영역이 있고 그 동영상을 제어하는 재생/정지 버튼을 만들었는데, 그 버튼을 클릭했을 때 의도하지 않게 다음 슬라이드로 넘어가는 현상과 같은 문제입니다. 그럼 해결 방법을 알아보기 전, 해결에 사용되는 개념을 간단히 정리해보겠습니다. 1. event.stopPropagation() event.stopPropagation() 메서드는 이벤트가 캡처링/버블링 ..

• format_list_bulleted Tech/JavaScript
• · 2023. 10. 11.
• textsms

[TIL] Day06 - IT 5분 잡학사전 #16~21

오늘 TIL 3줄 요약 인터넷 익스플로러가 사라진 이유는 게으름 때문이다. 쿠키는 http의 기억력을 보완하는 역할을 한다. 풀스택이란 프론트엔드, 백엔드, 그리고 데브 옵스까지 포함하는 영역을 뜻한다. TIL (Today I Learned) 날짜 2023년 10월 11일 (수) 오늘 읽은 범위 #16 - 인터넷 익스플로러가 사라진 이유와 브라우저 엔진 #17 - 아, 쿠키가 먹는 게 아니라고요? #18 - 프런트엔드, 백엔드? #19 - 서버가 뭔지 아직도 모른다고? #20 - 슈퍼 개발자만 할 수 있다, 풀스택? #21 - 서버리스는 서버가 없다는 뜻? 책에서 기억하고 싶은 내용을 써보세요. [p.99] - 엔진의 성능이 바로 웹 브라우저의 성능을 결정한다는 거지. 그러니까 이 엔진이 최신 표준안, ..

• format_list_bulleted T.I.L
• · 2023. 10. 11.
• textsms

[TIL] Day05 - IT 5분 잡학사전 #11~15

오늘 TIL 3줄 요약라이브러리와 프레임워크의 차이는 누가 누구를 제어하는지에 달려있다.API는 프로그램끼리 소통하도록 연결해주는 기능을 한다.플래시 서비스 종료에 가장 큰 영향을 준 건 스티브 잡스이다.TIL (Today I Learned) 날짜2023년 10월 10일 (화)오늘 읽은 범위#11 - 라이브러리와 프레임워크, 비슷한 거 아냐?#12 - 제이쿼리는 반드시 배워야 하는 기술일까?#13 - 그놈의 AP, 대체 뭐길래?#14 - 도메인은 왜 돈을 주고 사야 할까?#15 - 플래시의 서비스 종료와 스티브 잡스책에서 기억하고 싶은 내용을 써보세요.[p.71] - 만약 여러분이 어떤 도구에 대해서 모든 결정을 다 내리고 있다면? 그 도구는 라이브러리야. 반대로 누군가 정한 규칙에 따라 도구를 사용하고..

• format_list_bulleted T.I.L
• · 2023. 10. 10.
• textsms

[TIL] Day03 - IT 5분 잡학사전 #6~10

오늘 TIL 3줄 요약 작성한 코드에 오류가 생겼을 때 나 자신을 문제에서 빼지말 것 프로그래밍을 공부할 땐 손으로 직접 무언가를 만들어 볼 것 파이썬과 자바스크립트는 매우 다재다능하고 무궁무진한 가능성을 가진 언어다. TIL (Today I Learned) 날짜 2023년 10월 8일 (일) 오늘 읽은 범위 #6 - 왜 나만 오류가 자주 생길까? #7 - 파이썬은 왜 이렇게 인기가 많을까? #8 - 파이썬이 C 언어보다 느린 이유는? #9 - 자바스크립트는 웹 개발에만 쓰는 언어일까? #10 - 코틀린은 정말로 자바와 100% 호환될까? 책에서 기억하고 싶은 내용을 써보세요. [p.40] - 생각을 바꾸는 거야. 코드가 작동하지 않는 이유는 '코드를 입력한 나 자신 때문이다'라고. 그러면 그 때부터 실..

• format_list_bulleted T.I.L
• · 2023. 10. 9.
• textsms

[TIL] Day02 - IT 5분 잡학사전 #1~5

오늘 TIL 3줄 요약 개발에서는 재능이 아니라 포기하지 않는 자세가 더 중요하다. 프로그래밍을 배우기 시작할 때에는 본인의 목적에 따라 공부할 언어를 정하는 것이 가장 좋다. 새로운 언어를 쉽게 배우기 위해서는 아래와 같은 방법을 사용할 수 있다. 공식 문서 살펴보기 다른 언어와 비교하며 공부하기 이미 만들어봤던 주제로 작은 것부터 코딩해보기 TIL (Today I Learned) 날짜 2023년 10월 7일 (토) 오늘 읽은 범위 #1 - 개발자에 대한 오해 5가지! #2 - 어떤 언어부터 공부해야 할까? #3 - 새 언어를 쉽게 배우는 노하우? #4 - 언어 이름은 왜 그렇게 지었을까? #5 - C, C++, C#은 이름처럼 비슷할까? 책에서 기억하고 싶은 내용을 써보세요. [p.19] 개발에서는 ..

• format_list_bulleted T.I.L
• · 2023. 10. 7.
• textsms

모바일 터치 이벤트를 따라다니는 요소 만들기 mobile touchmove event의 offset 값을 따라다니는 element 만들기

이번 포스팅에서는 모바일에서 touchmove 이벤트가 일어날 때 그 터치하는 영역의 좌표값을 따라다니는 요소를 만들어보도록 하겠습니다. 이러한 기술은 복권을 긁는 UI, 그림을 그리는 기능 등을 만들 때 유용하게 사용할 수 있습니다. 1. Preview 오늘 만들어볼 화면을 미리 살펴보겠습니다. 마리오가 그려진 박스 안에서 사용자가 터치 이벤트를 발생시킬 경우, 즉 모바일 환경에서 마리오를 스와이프 하거나 문지를 경우 코인이 나타나서 손가락이 터치하는대로 따라다닙니다. 그리고 사용자가 손을 떼면 동전이 사라집니다. 마리오 바깥 영역에서 터치를 시작하면 이벤트가 발생하지 않습니다. 오늘은 이런 결과물을 만들어 보겠습니다. 그럼 먼저 해결 방법을 알아보기에 앞서 해결 방법에 사용되는 개념을 간략히 정리해보..

• format_list_bulleted Tech/JavaScript
• · 2023. 9. 12.
• textsms

position: sticky 요소가 stuck일 경우에만 CSS를 적용하는 방법

이번 포스팅에서는 position: sticky 인 요소가 stuck 상태인 경우, 즉 브라우저 상에서 원하는 위치에 달라 붙었을 경우에만 해당 요소에 CSS를 적용하는 방법에 대해서 알아보겠습니다. 이러한 작업은 주로 웹사이트의 헤더가 스크롤을 내리면 상단에 달라붙어야 하는 경우, 해당 헤더의 스타일을 바꾸는 경우에 필요합니다. 물론 그 밖에 다른 영역들에도 적용이 필요한 경우도 있겠죠. 먼저 해결 방법을 알아보기에 앞서 해결 방법에 사용되는 개념을 간략히 정리해보겠습니다. 1. IntersectionObserver란? Intersection observer는 브라우저 뷰포트와 설정한 요소의 교차점을 관찰하며, 요소가 뷰포트에 포함되는지 포함되지 않는지, 더 쉽게는 사용자 화면에 지금 보이는 요소인지 ..

• format_list_bulleted Tech/JavaScript
• · 2023. 9. 5.
• textsms