전체 글

전체 글

    [ JS ] 일반 함수와 익명 함수의 차이에 대해 알아보자!

    JavaScript에서의 함수 선언 방식은 일반함수와 익명함수로 나뉜다. 🤷‍♂️일반 함수란? 일반 함수는 다른 언어에서 함수를 선언하는 방식과 동일하다. 일반 함수 또는 함수 선언식이라고 불린다. // JS 함수 구현 방법 function 함수명() { 함수로직 } # 파이썬 함수 구현 방법 def 함수명 () { 함수로직 } 위 처럼 Python의 함수선언 방식과 JavaScript에서의 함수 선언 방식이 거의 동일한 것을 볼 수 있다 :) 이때 JavaScript에서는 일반 함수가 쓰여진 위치에 상관없이 사용할 수 있다. 왜냐하면 일반 함수는 JS가 스크립트를 처음 읽을 때 해석해서 사용하기 때문인데, 이를 호이스팅 이라고 한다. 👨‍🎓 호이스팅이란? 호이스팅은 JS가 처음 스크립트를 읽을 때 모든..

    [JS] value, textContent, innerHTML, innerText 는 어떻게 다를까?

    ❔DOMstring 안에 있는 Text 값을 바꾸려면 어떻게 해야할까? input처럼 form 요소의 값을 가져오거나 변경하려면 value를 사용하고, form요소가 아닌 다른 div, span, h1 등의 다른 요소의 Text를 가져오거나 변경하려면 textContent, innerHTML, innerText를 사용한다. ❔그럼 textContent, innerHTML, innerText는 뭐고 어떤걸 사용하는게 제일 좋을까? ✔textContent 는 마크업 태그 ex)div, span 등 를 제외한 모든 문자열을 읽고, 변경할 수 있다. This is some text! ✔innerText는 style 같이 마크업 언어가 적용된 최종 형태를 읽어온다. 즉 HTML 요소는 제거된 채 render 된 ..

    [문제 풀이 ] 프로그래머스 최소 직사각형

    문제 설명 변수 설명 height 타입 : 정수 저장 데이터 : 명함의 세로 길이 저장 width 타입: 정수 저장 데이터 : 명함의 가로 길이 저장 answer 타입: 정수 저장 데이터 : 가장 작은 지갑의 크기를 저장 풀이과정 명함의 가로와 세로가 있을 때, 결국 가장 작은 지갑을 만들기 위해서는 가로와 세로 중 큰 값을 한쪽에 몰아 넣고 한쪽엔 작은 값만 몰아 넣은 다음 두 값중 가장 큰 값을 곱해주면 된다. 즉 가로와 세로 중 큰 값을 가로에 옮기고, 작은 값을 세로에 둔 후, 가장 큰 가로 와 가장 큰 세로 값을 곱해주면 된다. 코드 def solution(sizes): width = 0 height = 0 def change(temp): temp[0], temp[1] = temp[1], tem..

    [문제 풀이] BOJ-2805 나무 자르기

    📔문제 설명 상근이는 나무 M미터가 필요하다. 근처에 나무를 구입할 곳이 모두 망해버렸기 때문에, 정부에 벌목 허가를 요청했다. 정부는 상근이네 집 근처의 나무 한 줄에 대한 벌목 허가를 내주었고, 상근이는 새로 구입한 목재절단기를 이용해서 나무를 구할것이다. 목재절단기는 다음과 같이 동작한다. 먼저, 상근이는 절단기에 높이 H를 지정해야 한다. 높이를 지정하면 톱날이 땅으로부터 H미터 위로 올라간다. 그 다음, 한 줄에 연속해있는 나무를 모두 절단해버린다. 따라서, 높이가 H보다 큰 나무는 H 위의 부분이 잘릴 것이고, 낮은 나무는 잘리지 않을 것이다. 예를 들어, 한 줄에 연속해있는 나무의 높이가 20, 15, 10, 17이라고 하자. 상근이가 높이를 15로 지정했다면, 나무를 자른 뒤의 높이는 15..

    [ 문제 풀이 ] BOJ-1931 회의실 배정

    📔 문제 설명 한 개의 회의실이 있는데 이를 사용하고자 하는 N개의 회의에 대하여 회의실 사용표를 만들려고 한다. 각 회의 I에 대해 시작시간과 끝나는 시간이 주어져 있고, 각 회의가 겹치지 않게 하면서 회의실을 사용할 수 있는 회의의 최대 개수를 찾아보자. 단, 회의는 한번 시작하면 중간에 중단될 수 없으며 한 회의가 끝나는 것과 동시에 다음 회의가 시작될 수 있다. 회의의 시작시간과 끝나는 시간이 같을 수도 있다. 이 경우에는 시작하자마자 끝나는 것으로 생각하면 된다. 🧰 변수 설명 N 타입 : int 저장 데이터 : 회의 개수를 입력 받아 저장 result 타입 : deque 저장 데이터 : 회의 사용 시간을 저장 count 타입 : int 저장 데이터 : 회의 수 카운트 end 타입 : int 저..

    BOJ-1932 정수 삼각형

    📔 문제 설명 🧨문제 풀러가기! 🧰 변수 설명 N 타입 : int 저장 데이터 : 삼각형의 크기 입력받아 저장 save 타입 : list 저장 데이터 : 삼각형 값 입력 받아 저장 dp 타입 : list 저장 데이터 : 더한 값을 저장하는 리스트 🖨풀이 과정 삼각형의 크기를 입력 받습니다. [ N ] 삼각형 내부의 값을 입력 받습니다. [ save ] 더한 값을 저장하는 DP 리스트를 만듭니다. [ dp ] 이때 save의 첫 번째 값은 더할 값이 아닌 그대로 값을 넣으므로 save[0][0] 값을 dp[0][0]에 넣습니다. 삼각형 크기 만큼 반복하는 반복문을 생성합니다. 5번에서 만든 반복문의 값을 최대로 가지는 이중 for문을 생성 합니다. 왼쪽 값은 왼쪽끼리 다 더해야 하므로 j == 0 이면 맨..

    [문제 풀이] BOJ - 1270 전쟁 - 땅따먹기

    문제 설명 현재 여러 지역은 한창 전쟁이 벌어지고 있는 상황인데, 어느 지역은 거의 전쟁이 마무리 단계로 가고 있다. 하지만 당신은 군대를 보낼 때 적군을 혼란시키기 위해서 우리 나라의 군대라는걸 표시하지 않고, 군대의 번호로 표시했다. 어느 땅에서 한 번호의 군대의 병사가 절반을 초과한다면 그 땅은 그 번호의 군대의 지배하에 놓이게 된다. 이때, 각 땅들을 지배한 군대의 번호를 출력하여라. 만약, 아직 전쟁이 한창중인 땅이라면 “SYJKGW”을 쌍 따옴표 없이 출력한다. 변수 설명 n 타입 : int 저장 데이터 : 땅의 개수 입력 후 저장 t 타입 : list 저장 데이터 : 최대 병사 수, 병사들을 한줄에 입력 후 저장 land_t 타입 : int 저장 데이터 : 땅의 군사 수의 절반을 저장 lan..

    [ Django ] allauth 정리

    [ Django ] allauth 정리

    Django-allauth 란? : 유저 기능을 구현하기 위한 패키지로 Django 프레임워크에 포함되지 않기 때문에 따로 설치를 해줘야 한다. pip install django-allauth Django-allauth 공식 문서 Installation — django-allauth 0.43.0 documentation Post-Installation In your Django root execute the command below to create your database tables: Now start your server, visit your admin pages (e.g. http://localhost:8000/admin/) and follow these steps: Add a Site for y..

    [ Django ] allauth 템플릿 오버라이딩 정리하기

    allauth의 템플릿 파일을 오버라이드 하려면 allauth의 템플릿 파일과 똑같은 이름을 가진 파일을 app_name/templates/account/ 폴더 안에 넣어주시면 됩니다. 그리고 settings.py 파일의 INSTALLED_APPS 목록에서 app_name은 allauth보다 위에 와야 합니다. HTML 템플릿 커스텀 템플릿을 app_name/templates/account/ 폴더 안에 넣어주시면 됩니다. (예: app_name/templates/account/signup.html) 페이지 템플릿 이름필드 회원가입 ('account_signup') signup.html - 유저네임: {{ form.username }} - 이메일: {{ form.email }} - 비밀번호: {{ form..

    [ SQLAlchemy ] SQLAlchemy 쿼리문 정리

    [ SQLAlchemy ] SQLAlchemy 쿼리문 정리

    DB에 데이터를 삽입하는 방법 [ add ] vegan = Vegan(id=1, shop="502 세컨즈카페", address="서울 노원구 섬밭로 232 우성아파트", sector="양식", menu="502 샐러드파스타(락토,비건가능), 502 양념감자튀김(락토,비건가능)", longitude=37.6366151651829, latitude=127.065668150406, region="노원구", image="https://search.pstatic.net/common/?autoRotate=true&quality=95&size=168x130&src=https%3A%2F%2Fldb-phinf.pstatic.net%2F20180323_17%2F1521777524889tQVNp_JPEG%2F_%25A5%2..