분류 전체보기 190

Vue 데이터바인딩 {{}}

{{데이터바인딩}} JS 데이터를 HTML에 꽂아넣는 문법 {{데이터바인딩}} 하는 이유 HTML에 하드코딩 해놓으면 나중에 변경이 어렵다 → 변경될 일 없으면 필요 없다 Vue의 실시간 자동 렌더링 기능을 쓸 수 있다 → 웹앱을 만들 수 있다 HTML 속성도 데이터바인딩이 가능하다 :속성="데이터이름" 출처 더보기 https://www.youtube.com/watch?v=0BbF7UxKKvg&list=PLfLgtT94nNq3Br68sEe26jkOqCPK_8UQ-&index=3

Vue 2023.05.03

Vue 3 Install & Setting

✅ Node.js 최신버전 설치 - 20.0.0 설치함 npm을 사용하기 위해 설치한 것 설치시 경로는 건드리지 말 것 https://nodejs.org/ko Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ✅ vscode 실행 ✅ 터미널에 입력 npm install -g @vue/cli : vue 프로젝트 생성을 한 큐에 할 수 있게 해준다 >>> -g : 컴퓨터 어디서든 설치하고 있는 도구를 사용할 수 있게 해주는 옵션 명령어 >>> 안 되면 yarn으로 (yarn : npm 보다 가볍고 빠르게 자바스크립트 패키지를 관리 할 수 있게 해주는 자바스크립트 패키지 매니저 툴) >>> 안 되..

Vue 2023.05.03

코딩테스트 입문_겹치는 선분의 길이

Lv. 0, 55% https://school.programmers.co.kr/learn/courses/30/lessons/120876 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 내가 제출한 코드: def solution(lines): answer = 0 line1 = set(range(lines[0][0], lines[0][1])) line2 = set(range(lines[1][0], lines[1][1])) line3 = set(range(lines[2][0], lines[2][1])) answer = sorted(list(line1 & line..

코딩테스트 2023.05.03

Javascript의 비교 연산자

== 동등 비교 연산자 두 값이 같으면 true 값의 타입을 비교하지 않는다 === 일치 비교 연산자 두 값과 타입이 모두 같으면 true 1 === 1 # true '1' === 1 # false != 부등 비교 연산자 두 값이 다르면 true 값의 타입을 비교하지 않는다 !== 불일치 비교 연산자 두 값이 값 또는 타입 중 하나라도 다르면 true > 왼쪽 피연산자가 오른쪽 피연산자보다 크면 true >= 왼쪽 피연산자가 오른쪽 피연산자보다 크거나 같으면 true

Javascript 2023.05.01

innerHTML innerText textContent 차이점

innerText, innerHTML, textContent 세 친구 모두 DOM(Document Object Model)의 텍스트를 조작하는 프로퍼티(Property, 객체의 속성 중에서 값을 반환하거나 설정할 수 있는 속성. 다른 값과 연관되어 있는 어떤 값?) innerHTML 의 속성 HTML 코드 자체를 반환 태그, 속성 등이 모두 함께 반환되는 것 response_json.forEach(todo => { if (todo.is_complete == false) { content.innerHTML += "" + todo.title + " 생성일 : " + todo.created_at.substr(0, 10) + " 수정일 : " + todo.updated_at.substr(0, 10) + "" +..

Javascript 2023.05.01

WIL 7주차

FACTS(사실, 객관) 이번 일주일동안 있었던 일, 내가 한 일 페어프로그래밍으로 매일 매일 알고리즘 풀기 완! 장고 심화 개인과제 Todo List를 DRF로 만들어보기 완! https://github.com/geunhye-kim/drf_todolist https://github.com/geunhye-kim/drf_todolist_front/tree/main 선발대 수업 3주차 : 재귀함수와 클래스 심화 https://sw-ing.tistory.com/102 재귀함수와 클래스 심화 추상클래스 serializer 재귀의 이해 재귀함수 스스로를 호출하는 함수 DFS(깊이 우선 탐색) BFS(너비 우선 탐색) 현재 정점에서 갈 수 있는 점들까지 들어가면서 탐색 경로의 특징을 가진다 현재 정점에 연결된 가까..

코딩테스트 연습_2023 KAKAO 개인정보 수집 유효기간_zfill()

Lv. 1, 38% https://school.programmers.co.kr/learn/courses/30/lessons/150370 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 페어프로그래밍으로 작성한 코드: def solution(today, terms, privacies): answer = [] today_list = int(''.join(list(today.split(".")))) # 20200101 term = {} # {'Z': '3', 'D': '5'} for te in terms: term[te.split(" ")[0]] = te.spl..

코딩테스트 2023.04.28

객체지향(Object Oriented Programming) 특강

객체지향 클래스 다형성 캡슐화 상속 추상화 메시지 전달 클래스와 인스턴스 클래스 : 붕어빵틀 인스턴스 : 붕어빵 클래스 안에는 속성(attribute, property)과 메서드가 있다 괄호의 차이: my_car.color : 속성 my_car.drive() : 메서드 # 자동차 클래스 class Car: # 클래스에서 속성을 만들면 인스턴스를 만들 필요 없이 사용 가능 color = 'red' # 자동차 객체가 가질 속성 (모델명, 색상, 현재 속도) # 더블언더바(던더) # 만들 때 바로 무조건 실행되는 함수 def __init__(self, value): self.color = value # 자동차 객체가 가질 동작, 메서드 (전진, 후진, 가속, 감속) def drive(self): print("..

Python/수업 2023.04.28