2026/01

0. 들어가기에 앞서본래는 React 실전으로 포스트를 작성하려고 했지만, React의 언어 체계에 대한 이론적 정리가 필요할 거 같아 계획을 변경했다. 대체 이 라이브러리는 무엇이길래 이렇게 복잡해보이면서도 쉬울까? 그 언어 체계에 대해서 파헤칠 필요가 있다고 생각해, 이번 포스트는 React의 언어체계에 대해서 다룬다. 본래라면 특별편으로 다뤄야하지만, 이번 주 학습에서 React의 분량이 적고, 처음 배우는 라이브러리이기에 이번에는 특별히 주차로서 다룬다. 1. React란2013년 5월에 메타(Meta)에서 개발하여 출시한 JS 라이브러리이다. 출시 직후부터 큰 관심을 받아 개인 개발자들 사이에서는 자주 사용되고 있다. 회사에서도 신규 프로젝트에는 리액트를 사용하기 시작하여, 현재는 레거시(Va..

이번 작업물의 배포 깃허브https://github.com/mysunshinedying/jQueryTodoList 0. 들어가기에 앞서이번 주차는 jQuery에 대해서 배웠다. 본래는 jQuery의 연습 문제 리뷰를 해보려고 했는데, 그것으로는 컨텐츠가 되지 않는다. 마침 메인을 만드는 과정을 진행하고 있으니, 따로 jQuery 메서드를 사용하여 무언가를 만드는 것도 괜찮아보였다. 코드 자체의 암기도 중요하지만 실습은 더 중요한 거니까.이번 주차에서는 따라서 localStorage를 활용하여 브라우저에 내용을 저장하는 Todo List를 만들 것이다. 이 Todo List는 작업 시간 또한 시간 형태로 기록할 수 있어 유용하다고 할 수 있다. 1. 무엇을 만들까?- 기획만들 것을 정하기우선 무엇을 만들..

0. 들어가기에 앞서본 포스트는 JS의 언어체계와 관련된 보충학습이다. 강의에서는 다루지 않았던, JavaScript의 이론적인 부분을 추가적으로 다루고자 한다. 3주차는 아마 jQuery와 관련된 내용이 될 듯한데, 그 전에 JS를 완전히 정리하는 것이 낫다고 생각했다. 실제로 이 포스트는 직접 JS를 다룰 때는 크게 상관이 없는, 이론적인 이야기다. 하지만 이론은 중요하다. 이론에 대해서 익히지 않으면 AI와의 경쟁력을 가질 수 없기 때문이다.이번에는 JS가 인터프리터 언어인가에 대해서, 그리고 JS가 얼마나 유연한가, 그리고 JS의 변수 관리 체계에 대해서 집중한다. 1. JavaScript는 인터프리터 언어다?강사님께서 JS에 대해서 설명하시면서 말씀하신 것이 있다. JavaScript는 인터프..

⚠️ 주의!본 블로그에서 [작업일지]로 올라오는 코드는 한 차례 이상 재편집 되었습니다.실 작업에 사용되는 코드가 아니며, 로직 등 참고로만 봐주세요. 1. 기획기획 내용RSS는 Really Simple Syndication의 약자로 블로그나 뉴스 사이트의 새로운 글을 자동으로 받기 위해서 만들어져 있다. 당장 티스토리도 지원 중이기도 하다. 개인 홈페이지 간에도 RSS 피드를 통해 서로의 글을 받아보거나 할 수는 있을 것이다. 그러나 이 경우 상호의 글을 받기 위해선 상호가 RSS를 만들어야 하며, 보안을 위해서는 상호 API 키를 주고 받는 것이 좋을 텐데, 너무 번거롭다. 안 하기에는 파일을 다운 받는 것만으로 상대의 홈페이지를 건들 수 있다는 것이라 보안적으로 좋지 않다.들어온 요청은 개인 홈페..

※ TIL와는 별개로 적는 개인 개발 일지라서 말은 좀 편하게하는 페이지입니다.일지이기 때문에 일기의 성격이 더 강합니다. jQuery의 반복. React는 다음주쯤 시작할 듯하다. 이론은 거의 없으니 문법만 정리한다. 이모저모.val()input, select, textarea의 값을 가져온다. $(선택자).val() 처럼 사용한다. 스크롤 관련scrollTop()은 현재 세로 스크롤 위치를 픽셀로 반환한다. $(window).scrollTop()과 같이 쓰인다. $(window).scrollTop() + $(window).height() 이렇게 사용하면 스크롤이 문서 맨 아래에 위치할 때를 파악할 수 있다. if($(document).height() == $(window).scrollTop() ..

※ TIL와는 별개로 적는 개인 개발 일지라서 말은 좀 편하게하는 페이지입니다.일지이기 때문에 일기의 성격이 더 강합니다. 드디어 오늘의 일지를 쓴다. 문제는 jQuery는 이론적인 것보다 실 코드가 더 많아서 그만큼 내 일지도 짧아진다. 과제 관련해서는 TIL에서 다룰 거라서 그렇다. 내일은 개인 의뢰 일지도 적어야겠다. jQuery 선택자선택자를 이어서 한다. 다음 표로 정리했다. 요소:필터설명요소:odd홀수 번째 요소 선택요소:even짝수 번째 요소 선택요소:first첫 번째 요소 선택요소:last마지막 요소 선택요소:checked체크된 요소 선택 (* checkbox, radio)요소:selected선택된 요소 선택 (* select)요소:disabled비활성화 입력요소 선택(* input, ..

※ TIL와는 별개로 적는 개인 개발 일지라서 말은 좀 편하게하는 페이지입니다.일지이기 때문에 일기의 성격이 더 강합니다. 1월 14일, 이벤트에 대한 마무리와 jQuery의 시작이다. jQuery는 JS 라이브러리의 하나다. React의 개발 이후로는 거의 죽었지만, 아직까지 jQuery를 쓰는 곳은 많다. Eventform에서의 이벤트 정리가 있었다. input의 value를 불러오는 방법에 대한 리뷰가 있었다. 간단하다. 그냥 input의 DOM을 선택하고 value; 하면 된다.그리고 onsubmit과 같은 DOM Event도 있었는데, W3School에서 정리한 게 있다.그 외에 form에서 input 요소를 선택할 때, 폼 이름.input의 이름으로 하면 DOM 접근이 가능하다. jQuery..

※ TIL와는 별개로 적는 개인 개발 일지라서 말은 좀 편하게하는 페이지입니다.일지이기 때문에 일기의 성격이 더 강합니다. 1월 13일은 사실 TIL 끝 부분에 있던 걸 배웠다. 이걸 1월 15일에 쓰는 이유는 TIL을 쓰고 탈진했고, 어제는 좀 쉬어서 그렇다. 즉, 오늘 3개의 일지를 쓰든 말든 써야하는 것. 아침에 이걸 쓰는 이유가 그 때문이다. DOM, 그리고 이벤트에 대해서 배우다가 쉬었다. 1월 14일은 이벤트를 이어서 하고, jQuery의 기본 문법을 배웠다. jQuery는 머리에 박히도록 익힌 거라 사실 쉬는 시간이나 다름 없다. 부족한 건 실무가 아니라 이론적인 문제였던지라… TIL은 뭘 적지? 정 안 되면 특별편만 적을 확률이 높다. jQuery는 이론적인 게 필요한 건 없어서.다른 소..