마이구미의 HelloWorld 마이구미의 HelloWorld

이 글은 "이제와서 JQUERY를 쓰면 안되는 이유, 혹은 JQUERY와 웹개발의 역사" 글이 계기가 되었다. 조금 지난 글이지만, 많은 공감을 샀다. 참고로 글도 글이지만, 댓글이 훨씬 영양가가 풍부하다. 작성되는 글은 개인적인 견해이다. 글의 제목인 "jQuery 더이상 쓰지 않아야하는가?" 에 대한 본인의 답은 다음과 같다. 그렇다. 조금만 쓰자... 아니 그냥 없애자. 아니 왜..? 10년이 넘게 사용되어왔고, 아직도 쓰고 있는데... 수많은 jQuery 코드는... 그렇다. jQuery는 자바스크립트라고 할 정도로 많이 사용해왔다. javascript 문법 말고 jQuery부터 공부해. 어차피 jQuery 밖에 안써. 위와 같은 말이 나올 정도로, jQuery는 대중적이였다. 자바스크립트 또는 ..

이 글은 백준 알고리즘 문제 1535번 "안녕" 을 풀이에 대해 작성된다.백트래킹과 동적계획법 2가지 풀이를 다뤄볼 것이다. 세준이는 성형수술을 한 후에 병원에 너무 오래 입원해 있었다. 이제 세준이가 병원에 입원한 동안 자기를 생각해준 사람들에게 감사하다고 말할 차례이다.세준이를 생각해준 사람은 총 N명이 있다. 사람의 번호는 1번부터 N번까지 있다. 세준이가 i번 사람에게 인사를 하게 되면 L[i]만큼의 체력을 잃게 되고, J[i]만큼의 기쁨을 얻게 된다. 세준이는 각각의 사람에게 최대 1번만 말할 수 있다.세준이의 목표는 주어진 체력내에서 최대한의 기쁨을 느끼는 것이다. 세준이의 체력은 100이고, 기쁨은 0이다. 만약 세준이의 체력이 0이 되거나, 음수가 되면, 죽게되서 아무런 기쁨을 못 느낀 것..

이 글은 백준 알고리즘 문제 14653번 "너의 이름은" 을 풀이한다.2017 선린고에서 열린 천하제일 코딩대회 본선 문제에 속하면서, 가장 정답률이 낮은 문제가 된다. OAKAK TALK에는 신기한 기능이 있다. 바로 메세지 옆에 아직 안 읽은 사람의 수를 표시해주는 기능이다. 하지만 이 기능은 읽지 않은 사람의 수만 표시해줄 뿐, 메세지를 읽지 않은 사람이 누구인지는 표시해주지 않는다. 따라서 이 기능으로 메세지를 몇 명이 읽었는지는 알 수 있지만, 누가 읽었는지는 알 수 없다. 하지만 특정한 조건을 만족한다면, 우리는 메세지를 읽지 않은 사람을 유추해낼 수 있다.그 조건은 다음과 같다. N명이 있는 OAKAK TALK방이 있다. 그리고 그 방에는 K개의 메세지가 있다. 각각의 메세지는 해당 메세지의..

이 글은 Vue.js의 라이프사이클 훅(Lifecycle Hooks)을 이해하기를 돕는다.그 중 created와 mounted을 이해하지 않으면 발생하는 문제에 대해 작성된다.https://kr.vuejs.org/v2/api/#created Vue.js를 사용한다면, 라이프사이클 훅을 알고 있다고 생각한다. (라이프사이클 다이어그램)그 중에서 created, mounted을 대부분 사용한다.Vue 인스턴스 생성에 있어, 가장 먼저 호출되는 함수들로써, 스크립트로 보자면, window.onload 와 비슷한 느낌이 될 것이다. 공식 문서에서는 다음과 같이 설명되어있다. created인스턴스가 작성된 후 동기적으로 호출됩니다. 이 단계에서 인스턴스는 데이터 처리, 계산된 속성, 메서드, 감시/이벤트 콜백 등..

이 글은 네이버 helloworld 사이트에 있는 "브라우저는 어떻게 동작하는가?" 의 정리본이다."웹 브라우저는 어떻게 동작하나? 1편, 2편" 또한 참고하였다. 브라우저의 구성 요소는 다음과 같다.사용자 인터페이스 - 주소 표시줄, 이전/다음 버튼과 같은 조작할 수 있는 부분브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이의 동작 제어 렌더링 엔진 - 요청 콘텐츠 표시(화면 표시)통신 - HTTP 요청 호출UI 백엔드 - 콤보 박스와 창 같은 기본적인 장치를 그림 (* 콤보 박스 == 태그)자바스크립트 해석기 - 자바스크립트를 해석 및 실행자료 저장소 - 자료를 저장하는 계층. 쿠기를 저장하는 것과 같이 모든 종류 자원을 하드디스크에 저장. ex) HTML5 -> 웹 데이터 베이스 브라우저의 동..

이번 글은 백준 알고리즘 문제 9663번 "N-Queen" 을 다뤄본다.백트래킹하면 바로 이 문제라고 알려져있을 정도로 유명하다고 한다.그렇다. 백트래킹을 통해 문제를 풀이해보자.DFS, BFS - http://mygumi.tistory.com/102Github 알고리즘 문제 - https://github.com/hotehrud/acmicpc N-Queen 문제는 크기가 N × N인 체스판 위에 퀸 N개를 서로 공격할 수 없게 놓는 문제이다.N이 주어졌을 때, 퀸을 놓는 방법의 수를 구하는 프로그램을 작성하시오. 체스의 룰을 알아야겠지만, 크게 문제가 되지 않는다.퀸은 배치된 칸을 기준으로 오와 열, 그리고 대각선 이동이 가능한 가장 가치있는 기물이다.퀸을 배치할 수 있는 경우를 보면 확실히 이해를 할 ..

이번 글은 백준 알고리즘 문제 1890번 "점프" 를 다뤄본다.본인의 실력으로는 BFS, DFS 둘 다 시도해봤지만 도저히 맞을 수가 없었다.그리하여 동적계획법으로 문제를 접근했다. N×N 게임판에 수가 적혀져 있다. 이 게임의 목표는 가장 왼쪽 위 칸에서 가장 오른쪽 아래 칸으로 규칙에 맞게 점프를 해서 가는 것이다.각 칸에 적혀있는 수는 현재 칸에서 갈 수 있는 거리를 의미한다. 반드시 오른쪽이나 아래쪽으로만 이동해야 한다. 0은 더 이상 진행을 막는 종착점이며, 항상 현재 칸에 적혀있는 수만큼 오른쪽이나 아래로 가야 한다.가장 왼쪽 위 칸에서 가장 오른쪽 아래 칸으로 규칙에 맞게 이동할 수 있는 경로의 개수를 구하는 프로그램을 작성하시오. 각 칸을 기준으로 거리를 통해 갈 수 있는 지점에 경로의 개..

이번 글은 백준 알고리즘 문제 2026번 "소풍" 을 다뤄본다.종만북이라 불리는 책에서도 나오는 문제이긴 하나, 응용된 문제이다.문제 풀이는 DFS를 통한 백트래킹을 이용한다.DFS, BFS - http://mygumi.tistory.com/102Github 알고리즘 문제 - https://github.com/hotehrud/acmicpc 원장선생님께서는 K(1≤K≤62)명에게 소풍을 보내려 한다. 원장선생님께서는 1부터 N까지 번호가 붙은 N(K≤N≤900)명의 학생들 중에서 K명의 학생들을 소풍에 보내려고 한다. 그런데 원장선생님께서는 중간에 싸움이 일어나면 안되므로 소풍을 갈 학생들이 모두 서로 친구 사이이기를 원한다. 원장선생님께서는 이러한 일을 이번에 조교로 참가한 고은이에게 친구 관계에 대한 ..