※ 이 글은 예전 블로그에서 퍼왔으며 2019.12.28.에 작성된 글입니다. VIEW 이번 프로젝트를 계기로 이제 CSS의 flex와 grid 그리고 중앙 정렬에 관해서는 도를 튼 것 같다..ㅋㅋ 계속하니까 그래도 실력이 조금씩 느는 것 같다. 하지만 CSS에서 아직 별로 안만져본 가상 클래스(:after, :before, :disable..등등)와 animation, transfrom 분야는 내가 생각한 것을 그대로 표현하기 힘들다는 것을 느껴서 좀 더 공부해야겠다. ​ 그리고 자바스크립트는 여전히 잘 모르겠다...ㅠㅠ inflearn강좌(인터렉티브 웹 개발 제대로 시작하기)에서 배웠던 것들을 되뇌면서 해봤는데 아직은 많은 시행착오를 거쳐야 했다. 일단 이벤트와 이벤트 위임을 중점으로 공부를 하고 코..

※ 이 글은 예전 블로그에서 퍼왔으며 2019.12.25.에 작성된 글입니다. VIEW 요즘 모질라랑 프론트엔드 개발자를 위한 머시기 노란 책으로 Javascript를 공부하다가 어느 정도 사용 가능한지 알아보려고 한 번 만들어 봤다. (누가 모질라 번역좀 해줘..ㅠㅠ 프로그래밍 공부를 하면 영어가 자동으로 따라오는 느낌..?) Link Color Change jeongwoo903.github.io

※ 이 글은 예전 블로그에서 퍼온 글입니다. 가독성이 나쁘다면 예전 블로그 에서 읽어주세요.※ 글 중 모르는 단어나 개념이 있으실까봐 맨 아래에 참고할만한 사이트들을 남겨둡니다.1. 객체지향 프로그래밍(Object-Oriented-Programming)객체지향 프로그래밍은 현실 세계에 존재하는 객체(Object)를 소프트웨어 세계에서 표현하기 위해 객체의 핵심적인 부분만을 추상화해 모델링 하려고 하는 프로그래밍 패러다임을 말합니다.이해가 잘 안되신다면 객체를 사물이나 과일로 바꿔 이해하면 쉽습니다.붕어빵을 예로 들자면, 팥 붕어빵이라는 객체를 소프트웨어 세계에서 구현하기 위해 팥 붕어빵의 핵심적인 특징(붕어 모양, 팥)을 생각해 모델링 하고자 하는 것입니다.각 객체들을 독립적인 기능을 지닙니다. 하지만 ..

※ 이 글은 예전 블로그에서 퍼온 글입니다. 가독성이 나쁘다면 예전 블로그에서 읽어주세요. 먼저, 드래그가 가능한 요소로 만들기 위해서는 draggale attribute과 ondragstart 전역 이벤트 핸들러를 추가해 줄 필요가 있음. Mozilla에 ondragstart도 함께 넣어주라고 돼있어서 같이 적어 두지만, dataTransfer과 관련한 일을 할 필요가 없을 시에는 작성 안 해도 상관없는 듯하다. // boolean: 드래그 가능 여부 (true 또는 false) function dragstart_handlerName(ev) { console.log("dragStart"); // 데이터 전달 객체에 대상 요소의 id를 추가합니다. ev.dataTransfer.setData("text/p..