• Home
  • About
    • javajaket's Blog photo

      javajaket's Blog

      javajaket's 개발공부로그

    • Learn More
    • Email
    • Facebook
    • Instagram
    • Github
  • Posts
    • All Posts
    • CSS&HTML
    • javaScript
    • Front-end
    • Algorithm
    • etc
    • All Tags

All Posts

  • function

    표현식 및 연산자

    Read More
  • [Codility] Encryptor

    ```js // 원판 암호기의 바깥쪽 원판에 적힐 문자 결정

    Read More
  • [Codility] 망델브로 집합

    ```html <!DOCTYPE html>

    망델브로 집합
    중심 좌표(,) ← 마우스로 클릭하면 바뀝니다

    Read More
  • Big-O 표기밥

    알고리즘은 무엇인가

    • 알고리즘은 어떤 목적을 달성하거나 결과물을 만들어내기 위해 거쳐야 하는 일련의 과정들을 의미
    • 예를 들어 할머니가 케이크를 만드는 과정을 알고리즘으로 표현하면,
      function BakeCake(flavor,icing) {
      // 1.Heat Oven to 350 F
      // 2. Mix flour, baking powder, salt
      // 3. Beat butter and sugar until fluffy
      // 4. Add eggs.
      // 5. Mix in flour, baking powder, salt
      // 6. Add milk and " + flavor + "
      // 7. Mix further
      // 8. Pur in pan
      // 9. Bake for 30 minutes
      // 10. " + if(icing === true) return 'add icing'
      // 11. Stuff your face
      }
      BakeCake('vanilla', true) => deliciousness
      
    • 시간복잡도를 분석하는 것은 input n에 대하여 알고리즘이 문제를 해결하는데에 얼마나 오랜 시간이 걸리는 지를 분석하는 것과 같다. 이는 Big-O 표기를 이용하여 정의할 수 있다.

    Read More
  • Control statement

    제어 구문

    Read More
  • [Codility] highpressure

    <!DOCTYPE html>
    <html lang="ko">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>highpressure confirm</title>
      <script>
        window.onload = function() {
          document.getElementById('button').onclick = function() {
            const hp = parseFloat(document.getElementById('highpressure').value)
            const lp = parseFloat(document.getElementById('lowpressure').value)
            const judgement = document.getElementById('judgement')
            if(hp<120 && lp<80) {
              judgement.innerHTML = '정상';
            } else if(139>hp && 89>lp) {
              judgement.innerHTML = '불안';
            } else {
              judgement.innerHTML = '비정상';
            }
          }
        }
      </script>
    </head>
    <body>
      <p>수축기 혈압(최고 혈압)<input type="number" value='hp' id='highpressure'></p>
      <p>이완기 혈압(최저 혈압)<input type="number" value='lp' id='lowpressure'></p>
      <p id="judgement">이곳에 판정 결과가 표시됩니다.</p>
      <input type="button" value="확인하기" id="button">
    </body>
    </html>
    

    Read More
  • [Codility] stop watch

    스톱워치

    Read More
  • [Codility] BMI

    <!DOCTYPE html>
    <html lang="kr">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>BMI</title>
      <script>
        window.onload = function() {
          document.getElementById('button').onclick = function(){
          let h = parseFloat(document.getElementById('height').value)
          let w = parseFloat(document.getElementById('weight').value)
          let bmi = document.getElementById('bmi')
          bmi.innerHTML = (w/h/h).toFixed(1)
          }
        }
      </script>
    </head>
    <body>
      <p>키: <input type='number' id='height'>m</p>
      <p>몸무게 <input type='number' id='weight'>kg</p>
      <p>당신의 체질량지수는 <output id='bmi'></output>입니다.</p>
      <input type="button" id='button' value="계산">
    </body>
    </html>
    

    Read More
  • web I/O

    웹브라우저에서 입출력

    Read More
  • expression & operator

    표현식 및 연산자

    Read More
  • Object & Array

    객체 및 함수기초

    Read More
  • [Deploy] Django 프로젝트 배포하기 - 1. AWS

    AWS EC2에 장고 프로젝트 올리기

    Read More
  • [Codility] Lv5 - Prefix Sums

    Codility Lesson Level 5 - Prefix Sums

    Read More
  • [Codility] Lv5 - GenomicRangeQuery

    Codility Lesson Level 5 - Prefix Sums

    Read More
  • [Codility] Lv4 - MaxCounters

    Codility Lesson Level 4 - Counting Elements

    Read More
  • [Codility] Lv4 - PermCheck

    Codility Lesson Level 4 - Counting Elements

    Read More
  • [Codility] Lv4 - MissingInteger

    Codility Lesson Level 4 - Counting Elements

    Read More
  • [Codility] Lv4 - FrogRiverOne

    Codility Lesson Level 4 - Counting Elements

    Read More
  • [Codility] Lv2 - CyclicRotation

    Codility Lesson Level 2 - Arrays

    Read More
  • [Codility] Lv3 - PermMissingElem

    Codility Lesson Level 3 - Time Complexity

    Read More
  • [Codility] Lv3 - FrogJmp

    Codility Lesson Level 3 - Time Complexity

    Read More
  • [SoundHub] Web Audio API로 오디오 제어하기

    Web Audio API를 이용하여 좀 더 다양한 오디오 제어 기능을 구현 해보자.

    Read More
  • [Codility] Lv3 - Tape Equilibrium

    Codility Lesson Level 3 - Time Complexity

    Read More
  • [Codility] Lv2 - OddOccurrencesInArray

    Codility Lesson Level 2 - Arrays

    Read More
  • 탐욕 알고리즘

    탐욕 알고리즘에 대해 알아보고 파이썬으로 구현해보자.

    Read More
  • 다익스트라 알고리즘

    다익스트라 알고리즘에 대해 알아보고 파이썬으로 구현해보자.

    Read More
  • Quick sort 알고리즘

    퀵 정렬 알고리즘에 대해 알아보고 파이썬으로 구현해보자.

    Read More
  • Divide-and-conquer 알고리즘

    분할 정복 알고리즘에 대해 알아본다.

    Read More
  • Big O 표기법

    Big O 표기법으로 알고리즘의 시간복잡도를 표기하는 방법에 대해 알아본다.

    Read More
  • [SoundHub] 오디오 파형 로딩 속도 개선하기

    Python을 이용하여 생성한 파형 이미지들을 가지고 오디오 파일을 컨트롤할 수 있도록 만들어보자. Wavesurfer.js 를 사용할 때 보다 훨씬 빠르게 페이지를 로드할 수 있다.

    Read More
  • almostIncreasingSequence

    codefights.com/arcade

    Read More
  • [SoundHub] 오디오 파일 파형 그리기

    Wavesurfer로 오디오 파일의 파형을 그려보자!

    Read More
  • [SoundHub] AJAX 요청에 CSRF 토큰 담아서 보내기

    Django 템플릿에서 AJAX로 POST 요청을 보낼 때 어떻게 CSRF 토큰을 담아서 보내는지 알아보자.

    Read More
  • Jekyll 블로그 시작하기

    정적 사이트 생성기 지킬을 사용해서 블로그를 시작하는 방법에 대해 알아본다.

    Read More
  • [HTML] 폼

    폼은 사용자가 특정 양식에 맞춰 웹 서버로 데이터를 전송할 때 사용하는 HTML 요소이다.
    폼은 <form> 태그를 사용하여 만들 수 있다.

    Read More
  • [Level 2] 자연수를 뒤집어 리스트로 만들기

    digit_reverse함수는 양의 정수 n을 매개변수로 입력받습니다. n을 뒤집어 숫자 하나하나를 list로 표현해주세요 예를들어 n이 12345이면 [5,4,3,2,1]을 리턴하면 됩니다.

    Read More
  • [Level 2] 가장 긴 펠린드롬

    앞뒤를 뒤집어도 똑같은 문자열을 palindrome이라고 합니다. longest_palindrom함수는 문자열 s를 매개변수로 입력받습니다. s의 부분문자열중 가장 긴 palindrom의 길이를 리턴하는 함수를 완성하세요. 예를들어 s가 “토마토맛토마토”이면 7을 리턴하고 “토마토맛있어”이면 3을 리턴합니다.

    Read More
  • [Level 2] 괄호 확인하기

    is_pair함수는 문자열 s를 매개변수로 입력받습니다. s에 괄호가 알맞게 짝지어져 있으면 True를 아니면 False를 리턴하는 함수를 완성하세요. 예를들어 s가 “(hello)()”면 True이고, “)(“이면 False입니다. s가 빈 문자열(““)인 경우는 없습니다.

    Read More
  • [Level 2] 하샤드 수

    양의 정수 x가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다. 예를들어 18의 자릿수 합은 1+8=9이고, 18은 9로 나누어 떨어지므로 18은 하샤드 수입니다.

    Read More
  • [Level 2] 콜라츠 추측

    1937년 Collatz란 사람에 의해 제기된 이 추측은, 입력된 수가 짝수라면 2로 나누고, 홀수라면 3을 곱하고 1을 더한 다음, 결과로 나온 수에 같은 작업을 1이 될 때까지 반복할 경우 모든 수가 1이 된다는 추측입니다. 예를 들어, 입력된 수가 6이라면 6→3→10→5→16→8→4→2→1 이 되어 총 8번 만에 1이 됩니다. collatz 함수를 만들어 입력된 수가 몇 번 만에 1이 되는지 반환해 주세요. 단, 500번을 반복해도 1이 되지 않는다면 –1을 반환해 주세요.

    Read More
  • [Level 1] 같은 숫자는 싫어

    no_continuous함수는 스트링 s를 매개변수로 입력받습니다.

    Read More
  • [Level 1] 김서방 찾기

    findKim 함수(메소드)는 String형 배열 seoul을 매개변수로 받습니다.

    Read More
  • [Level 1] 최소공배수, 최대공약수

    두 수를 입력받아 두 수의 최대공약수와 최소공배수를 반환해주는 gcdlcm 함수를 완성해 보세요. 배열의 맨 앞에 최대공약수, 그 다음 최소공배수를 넣어 반환하면 됩니다. 예를 들어 gcdlcm(3,12) 가 입력되면, [3, 12]를 반환해주면 됩니다.

    Read More
  • VIM 설치하기

    sudo apt-get install vim
    

    Read More
  • [Level 1] 행렬의 덧셈

    행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬을 입력받는 sumMatrix 함수를 완성하여 행렬 덧셈의 결과를 반환해 주세요.

    Read More
  • Selection sort 알고리즘

    선택 정렬 (selection sort)

    Read More
  • OP.GG 챔피언 목록 페이지 복제하기

    HTML, CSS를 연습하기 위해 OP.gg의 챔피언 목록 페이지를 복제해보았다.
    op.gg_챔피언분석_clone

    Read More
  • [HTML]Emmet 사용법

    Emmet이란?

    Read More
  • Git 명령어 정리

    Git 기본 설정

    Read More
  • 마크다운 문법 정리

    Read More
  • [Codility] Lv5 - PassingCars

    Codility Lesson Level 5 - Prefix Sums

    Read More
  • [Codility] Lv5 - CountDiv

    Codility Lesson Level 5 - Prefix Sums

    Read More