백엔드 개발 한 걸음

async 키워드는 함수를 비동기 함수로 선언하는 데 사용된다. 비동기 함수 : 내부에 await 키워드를 사용할 수 있는 함수 async 함수 내에서 await 키워드를 만나면, JavaScript 엔진은 해당 표현식의 평가가 끝날 때까지 함수의 실행을 일시 중지한다. 그런 다음, 표현식의 평가가 끝나면 함수의 실행을 재개하고 표현식의 결과를 반환한다. await 키워드는 async 함수 내에서 사용되며, Promise 객체를 기다리는 역할을 수행한다. await 키워드 오른쪽에 있는 표현식은 Promise를 반환하는 함수 호출, 다른 비동기 함수 호출 또는 직접 Promise 객체일 수 있다. await를 사용하면 JS 엔진은 해당 Promise의 결과를 기다린 후, 결과를 반환하거나 변수에 할당한다..

setAttribute() 메서드는 JavaScript에서 요소의 속성을 설정하거나 변경하는 데 사용된다. 이 메서드를 사용하여 HTML 요소의 속성 값을 동적으로 설정하거나 변경할 수 있다. element.setAttribute(attributeName, attributeValue); # element: 속성을 설정하려는 HTML 요소를 나타내는 변수. # 이 변수는 getElementById(), getElementsByClassName(), querySelector() 등의 메서드를 사용하여 요소를 선택할 수 있다. # attributeName: 설정하려는 속성의 이름을 나타내는 문자열. 예를 들어, "src", "href", "class" 등이 될 수 있다. # attributeValue: 속성에..

JavaScript에서 onclick은 HTML 요소를 클릭할 때 실행되는 이벤트 핸들러를 정의하는 속성이다. onclick 속성에 할당된 값은 클릭 이벤트가 발생했을 때 호출되는 JavaScript 함수이다. 이벤트 핸들러 함수 내부에서 this 키워드는 현재 이벤트가 발생한 HTML 요소를 가리킨다. 이렇게 this를 사용하면 클릭된 요소에 접근하고 해당 요소에 대한 작업을 수행할 수 있다. 예를 들어, 아래의 HTML 코드는 버튼을 클릭했을 때 changeColor 함수를 호출하는 버튼 요소를 가지고 있다. 클릭 JavaScript 함수 changeColor를 다음과 같이 정의하고, this를 사용하여 버튼의 스타일을 변경하는 예제를 살펴보았다. function changeColor() { this..

JavaScript의 toggleClass 메서드는 HTML 요소의 클래스를 토글(전환)하는 데 사용된다. 클래스를 토글한다는 것은 요소의 클래스가 이미 존재하는 경우 해당 클래스를 제거하고, 존재하지 않는 경우 클래스를 추가하는 것을 의미한다. 이렇게 클래스를 토글하면 요소의 스타일이나 동작을 변경할 수 있다. Hello, World! 위 블럭을 아래처럼 바꾸면 var myDiv = document.getElementById('myDiv'); myDiv.classList.toggle('highlighted'); myDiv 요소의 클래스 중에 'highlighted' 클래스가 있는지 확인한다. 클래스가 있으면 제거하고, 없으면 추가한다. 따라서 위의 코드를 실행하면 'highlighted' 클래스가 토글..

코딩테스트 연습 - 전화번호 목록 | 프로그래머스 스쿨 (programmers.co.kr) 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 해쉬의 근본이라고 할 수 있는 문제. 딕셔너리와 리스트의 시간복잡도 차이가 결정적인 역할을 하기에 이를 간파해야만 풀 수 있는 문제 1. 해쉬 코드 def solution(phone_book): # 기본값 설정 answer = True hash_dic = {} # dictionary의 임의 value값 정해주기 for phone_number in phone_book: hash_dic[phone_number] = 1 # ..

코딩테스트 연습 - 폰켓몬 | 프로그래머스 스쿨 (programmers.co.kr) 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 어제 해쉬를 공부했으니 오늘 해쉬를 써먹으라는 친절한 팀원님 덕에 오늘 해쉬만 두 문제를 풀었다. 1. 해쉬 풀이법 def solution(nums): dict={} for n in nums: dict[n] = 1 # 중복된 n이 있다면 딕셔너리의 값이 계속 1로 유지됨.(hash(value)를 통한 거르기) # nums 리스트의 각 원소들이 중복되지 않고 저장됨(set으로 해도 되겠는데?) if len(nums) // 2 n..

코딩테스트 연습 - 2016년 | 프로그래머스 스쿨 (programmers.co.kr) 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr # 튜플과 슬라이스로 간단하게 클리어 def solution(a, b): dayday = ('FRI', 'SAT', 'SUN', 'MON', 'TUE', 'WED', 'THU') month = (31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31) answer = sum(month[:a-1]) +b - 1 return dayday[answer%7] 풀어보고 람다 식으로 할 수 있을 것 같아서..

장고 Docs https://docs.appseed.us/products/django-dashboards/gradient-able Django Gradient Able - Open-Source Starter | AppSeed Open-source Django Starter coded on top Gradient Able design (free version). docs.appseed.us JS Docs https://developer.mozilla.org/ko/docs/Web/JavaScript JavaScript | MDN JavaScript (JS)는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만..

해쉬란? 컴퓨팅에서 키를 값에 매핑할 수 있는 구조인, 연관 배열 추가에 사용되는 자료 구조 key : value의 형태를 갖는 자료구조 ex)전화번호부 (이름 : 전화번호) (검색어 : 검색결과) 해시 테이블은 해시 함수를 사용하여 색인(index)을 버킷(bucket)이나 슬롯(slot)의 배열로 계산한다. 모든 데이터 타입으로 접근 가능 데이터를 다루는 기법 중에 하나로 데이터의 검색과 저장이 아주 빠르게 진행된다. 해쉬 함수(Hash Function)는 임의의 길이를 갖는 메시지를 입력하여 고정된 길이의 해쉬값을 출력하는 함수이다. 파이썬 터미널로 작성해보면, 이미 해쉬 함수가 제공되고 있음을 알 수 있음 >>> hash("fast") -146084012848775433 >>> hash("slow..

작업 파일 정리하기 mkdir backup : 백업 디렉토리 생성 sudo mv ./* ./backup/ : 모든 파일 이동 sudo rm -rf ./* : 모든 파일과 디렉토리 삭제 sudo docker rm -f {container ID} : 컨테이너 삭제 sudo docker system prune -a : Docker에서 사용하지 않는 리소스를 정리하는 명령어 Postgresql 오픈 소스 데이터베이스(코드베이스를 무료로 열람, 다운로드, 수정, 배포 및 재사용이 가능한 모든 데이터베이스 어플리케이션) Oracle DB, MySQL 등 상용 라이센스를 가지고 있는 데이터베이스와는 다르게 무료로 사용 가능 Oracle DB, Mysql, Microsoft SQL에 이어 네번째로 사용량이 많은 데이터..