여기서 정규식이 대충 와일드카드 같은거고(글은 분량상 두개로 나눴음) 파이썬에서는 re모듈을 쓴다고 했는데, 사실 파이썬 뿐 아니라 자바스크립트에서도 정규식을 쓸 수 있다. 정규표현식, 그러니까 정규식은 파이썬만의 전유물이 아니기때문에 다른 언어에서도 사용하는...
Continue reading...Javascript
for, for in, for of, forEach
Python에는 for와 while이라는 반복문이 있고, 이 둘은 범위냐 조건이냐의 차이만 빼면 반복문이라는 기본 골자는 같은데, 이런 게 자바스크립트에도 당연히 있다. 라디오버튼 뺑뺑이 돌면서 얘가 뭘 체크했나 보는 것도 반복문의 일이기...
Continue reading...매우 간단한 스크롤 이벤트를 해보자
addEventListener에 대해 설명하면서 스크롤 이벤트도 ‘있다’고 했는데, 이건 말 그대로 마우스를 스크롤했을 때 일어나는 이벤트이다. 그게 다다. Reference https://velog.io/@dunde/Javascript-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%9D%B4%EB%B2%A4%ED%8A%B8 https://velog.io/@dunde/Javascript-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%9D%B4%EB%B2%A4%ED%8A%B8 https://stackoverflow.com/questions/40475155/does-javascript-have-a-method-that-returns-an-array-of-numbers-based-on-start-s Basic-마우스 스크롤 위치를 화면에 표시하기 See the Pen scroll...
Continue reading...DOM 선택하는 방법 (부제: 너로 정했다?)
DOM은 Document Object Model의 약어로, XML이나 HTML에 접근하기 위한 일종의 인터페이스이다. 자바스크립트는 프론트엔드에서 많이 사용하는 언어의 특성인지는 모르겠지만 아무튼 이 DOM들을 지지고 볶는 게 가능하다. 이벤트 추가는 기본이고 생성 삭제 CSS 클래스...
Continue reading...addEventListener()로 고급진 이벤트 추가하기
근데 생각해보니까 이거 전에 픽하는게 먼저 와야 하지 않나… 뭐 아무튼. 뭔가 기깔나는 것을 구현하기 위해 이 블로그 혹은 다른 블로그를 보다 보면 그런 게 있다. 어? HTML에서 온클릭도 안...
Continue reading...다크모드 간단하게 토글로 구현해보기
근데 말이 간단이지 헐 나 이것도 못해 개발자 하면 안되나봐 ㅠㅠ 이럴 정도는 아닙니다… Reference https://blogpack.tistory.com/1117 (다크모드 토글 기능 구현과 다크모드 토글 디자인 구현) https://www.w3schools.com/howto/howto_css_switch.asp (How TO – Toggle Switch)...
Continue reading...나홀로메모장 파생형 만들기-Call of AJAX
원래 페이지네이션이랑 수정/삭제도 구현하려고 했는데 못함… 페이지네이션은 전에 했던 게 오브젝트를 동적으로 생성하는건데 여기서는 DB에 있는 걸 받아와서 진행해야 하는거라 버튼 렌더링/로직에서 막혔고 수정/삭제는 이따 보시면 아시겠지만 저기서 뭐가 뭔지를...
Continue reading...삼항연산자
내 최근에 달력 코드를 올렸는데 거기서 보면 이놈이 있다. 어디서 나오냐면 이전달/다음달 날짜 구별할 때 나온다. 근데 이게 뭔 람다식인가 했더니 그건 아니고 삼항연산자래요… 그럼 이게 뭔지 한번 알아보자. 얘는 연산자는 연산자인데 항이 세 개이다. 엥?...
Continue reading...나홀로 메모장 파생형 만들기-구성 및 사이드바 달력
Reference https://bigtop.tistory.com/63 ([JavaScript] 일반적인 달력 만들기 – HTML 뼈대 잡기) https://opentutorials.org/course/1375/6761 (생활코딩 addEventListener()) 이거는 내가 직접적으로 올린적은 없는데, 내일배움단 하면서 만들었던거다. 근데 나는 영화도 안보고 사이트 스크랩도 잘 안하는데 이건...
Continue reading...마우스를 따라다니는 무언가 만들기
참고로 티스토리 블로그에도 적용해뒀다. 워드프레스는 HTML이나 JS는 건드릴 수 없어서 적용 못했고 네이버나 미디움은 HTML쪽 편집이 안돼서 적용 못했음. Reference https://stickode.tistory.com/318 ([JavaScript] 마우스를 따라다니는 원 만들기) https://codepen.io/falldowngoboone/pen/PwzPYv (Javascript Mouse Trail) Basic 스크린캐스트에...
Continue reading...
Reply