멋진 코드의 세계로

머릿속에 있는 것을 현실로 구현하는 멋진 기술

2019년 9월 20일 부터 12월 28일까지 꾸준한 공부 습관 ~ 각 해당 미션 게시글에 덧글로 인증샷을 올려 볼까요?^^

웹퍼블리싱 142
  • 글번호
  • 제목
  • 글쓴이
  • 작성시간
  • 조회

매일 한알의 마늘처럼 하나의 미션 수행!

웹 퍼블리셔로 일을 할때 스크립트를 사용해야 하는 경우 보통 구글을 뒤적거립니다. 내가 구현하고자 하는 것과 비슷한 플러그인을 찾아 열심히 헤메이다가 원하는 플러그인을 만나면 잠시 기쁨의 탄성을 지릅니다. 본격적으로 가져다 쓰기 위해 플러그인 공식 사이트에서 플러그인을 다운받고, 사용가이드를 잘 보고  제이쿼리 가져오고, 플러그인 가져다가 붙입니다. 그런데… 내 소스에 가져다 붙이기만 하면 뭐가 하나씩 안되고, 문제가 생깁니다. 그때부터 멘붕이 됩니다. 어떤 사람들은 제이쿼리를 버려야 한다고도 합니다. 순수한 자바스크립트를 써야 한다고도 합니다. 원하는 기능을 내가 구현할 수 없어서 플러그인을 기웃거린것인데, 결국은 같은 문제에 봉착해버립니다. 


우리가 문제를 스스로 해결하려면 무엇이 필요할까요? 단 한 줄이라도 내가 생각해서 코드를 짜야하지 않을까요? 플러그인에 기대어 코드를 붙여넣고, 어디서부터 어떻게 수정해야 할지 모르는것보다는 단 한 줄이라도 내가 생각해서 짜야 하지 않을까요? 그런데 이렇게 스스로 코딩하려면 꽤 많은 시간이 필요합니다. 무르익는 시간이 필요한데… 어쩌면 우리는 너무 조급한것이 문제이지 않을까요? 그렇게 조급하게 100일을 별 생각없이 지나는것이나,(사실은 플러그인을 찾아 엄청 헤매이고, 삽질의 시간을 보내겠지만…) 100일동안 곰이 동굴에서 묵묵히 마늘을 먹는다는 생각으로 기초를 꼼꼼히 공부하는 것은 어떨까요?


저는 여러분들에게 마늘을 매일 하나씩 드려보려고 합니다. 그 마늘은 3페이지에 게시된 교재에서 파내어 드릴거에요. 매일 오전 9시 전에 미션을 드리고, 다음날 미션의 답을 드리는 형식으로 해보려고 합니다. 


미션은 자바스크립트 기초개념부터 시작하려고 합니다. 보통 수업시에는 이러한 개념을 꼼꼼히 다루다보면, 다들 졸고 흥미를 잃는 모습을 종종 봅니다. 그래서 수업시에는 쌈빡한 예제, 잘 몰라도 바로 가져다가 쓸수 있는 예제, 전체를 직접 짜지는 못해도 코드의 어느 부분을 수정해야 하는지 이해하는 범위내에서 바로 가져다가 쓸 수 있는 예제 중심으로 수업을 진행할 수 밖에 없습니다. 또 바로 일을 해야하면, 이것도 효율적인 부분도 있습니다. 자동차가 어떻게 출발하는지 몰라도 키만 꽂고 운전하면 되니까요. 또 자동차에 문제가 생기면 서비스센터에 가면 되니까요. 하지만 우리는 사용자가 아니라 웹퍼블리셔입니다. 진정한 웹퍼블리셔라면, 키만 꽂을 줄 알면 안됩니다. 본네트를 열고 안을 들여다보고 고칠 수 있어야 합니다. 이 프로젝트는 그렇게 시작하고 싶습니다. 하루에 마늘 하나, 미션 하나를 교재를 참고하여 스스로 하나씩 해결해나가는 과정으로 하고 싶습니다.


여러분 생각은 어떤가요?

마늘 미션1

사용자 정의 함수에는 선언적 함수와 익명 함수가 있습니다. 선언적 함수와 익명 함수의 형식이 다름을 이해하고, 이를 코드로 구현하여 주세요.(p. 353 ~ 355)


마늘 미션 1 답변

    <script>

        // 선언적 함수는 함수의 앞 또는 뒤에서 호출이 가능합니다.

        compute();

        function compute(){

            console.log("선언적 함수");

        }

        // compute();

    </script>


    <script>

        // 익명 함수는 변수에 함수 데이터를 저장하여 변수를 마치 함수처럼 사용할 수 있도록 합니다.

        // compute(); 익명 함수는 변수 선언 이후에 호출해야 합니다.

        var compute = function(){

            console.log("익명 함수");

        }

        compute();

    </script>

top