본문 바로가기
반응형

전체 글386

[JavaScript] eventListener 에서 this 의 의미 (3) + e.currentTarge 의 뜻 💜 요약 메소드의 this 엄마{} window 의 this window{} 전역 function 의 this window{} (=엄마{}) constructor 의 this instance (=새로 만들어지는 아가 object) eventListener 의 this e.currentTarget (=지금 이벤트가 동작하는 html 태그) 💜 this 의 뜻5_eventListener eventListener 의 this: e.currentTarget (=지금 이벤트가 동작하는 html 태그) 이벤트리스너를 달기 위해 버튼을 만들고 id 값을 '잉' 으로 설정해줬다. 잉 만들어진 버튼을 클릭하면 this 와 e.currentTarget 이 출력될 것이당 둘 다 같은 값이 출력되고 그 값은 지금 이벤트가 동.. 2022. 7. 27.
[JavaScript] constructor 에서 this 의 의미 (2) + instance 의 뜻 💜 요약 메소드의 this 엄마{} window 의 this window{} 전역 function 의 this window{} (=엄마{}) constructor 의 this instance (=새로 만들어지는 아가 object) eventListener 의 this e.currentTarget (=지금 이벤트가 동작하는 html 태그) 💜 this 의 뜻4_constructor constructor 의 this: instance (= 새로 만들어지는 아가 object) 자바스크립트에서 constructor 를 사용하면 새로운 object 들을 만들어낼 수 있다. function 엄마 (이름) { this.name = 이름 }; 이렇게 엄마 constructor 를 만들었구 키값 name 앞에 this... 2022. 7. 26.
[JavaScript] object메소드, window, function(전역) 에서 this 의 의미(1) 💜 요약 메소드의 this 엄마{} window 의 this window{} 전역 function 의 this window{} (=엄마{}) constructor 의 this instance (=새로 만들어지는 아가 object) eventListener 의 this e.currentTarget (=지금 이벤트가 동작하는 html 태그) 💜 this 의 뜻1_object 메소드 메소드의 this: 엄마{} 메소드는 object 안의 함수를 뜻한다. let 엄마obj = { 종족 : '토끼',// 이거는 값 이름메소드 : function(){// 이거는 메소드 console.log('버니'); }, 아가메소드: function(){ // 이거두 메소드 console.log(this); } } console.. 2022. 7. 25.
[JavaScript] window 의 의미, window object 에 들어가는 값, 전역변수가 저장되는 원리 window 뜻? 😮 window 는 엄청 큰 object 이다. 실제로 개발자도구에서 window 의 타입을 검색해보면 object 라고 나온다. window object 안에 들어있는 값🙄 window object 안에는 전역으로 쓸 수 있는 기본 함수들이 저장되어있다. alert, length 같은 함수들! 심심하면 개발자도구에서 window 입력하고 살펴봐도 좋당 그래서 🤩전역🤩에다가 함수나 변수를 선언하면 window object 에 저장된다. 무슨 뜻이냐면 a함수(); 로 출력한 결과랑 window.a함수(); 로 출력한 결과가 같음 왜 그러냐면 window object 에 저장되었기 때문이다. window 는 object 이기 때문에 window.어쩌구 이런식의 object 문법처럼 사용이 .. 2022. 7. 24.
[JavaScript] DOM 의 뜻, 자바스크립트가 html 을 해석하는 원리 DOM: Document Object Model DOM 의 뜻: 자바스크립트가 HTML (document)을 object 자료로 정리한 것 Document 를 Object 화 시킨 Model 이라는 뜻이다. 여기서 Doucment 는 html 을 뜻한다. 왜 html 을 Object 화 시켰냐면은 - 자바스크립트로 HTML 언어를 조작하기 위해서… - 자바스크립트가 해석할 수 있는 문법으로 변환해놓으려고 자바스크립트와 html 은 다른 언어이기 때문에 서로 인식을 하지 못한다. 그래서 자바스크립트가 생 html 을 조작하지 못한다. 이런 식으로 자바스크립트가 해석할 수 있게 하기 위해 object 화 시키는 것이다... html Object 화 자바스크립트가 html 언어를 조작할 때 이런 문법을 사용한.. 2022. 7. 24.
[MariaDB,MySQL] 사업자등록번호, 법인등록번호 포매팅 사업자등록번호 포맷 -- 사업자등록번호 포맷 select concat(substring(123456789123,1,3),'-',substring(123456789123,4,2),'-',substring(123456789123,6)) as 사업자등록번호 from dual 법인등록번호 포맷 -- 법인등록번호 포맷 select concat(substring(123456789123,1,6),'-',substring(123456789123,7)) as 법인등록번호 from dual 2022. 7. 20.
[프로그래머스] Lv1 시저 암호_python 문제 풀이 출처 https://programmers.co.kr/learn/courses/30/lessons/12926 문제 어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식 "AB"는 1만큼 밀면 "BC"가 되고, 3만큼 밀면 "DE"가 됩니다. "z"는 1만큼 밀면 "a" s는 알파벳 소문자, 대문자, 공백이고, 공백은 아무리 밀어도 공백 입출력예시 "AB" "z"' "a B z" 문제풀이1 def solution(s, n): sentense = s answer = "" 대문자 = "ABCDEFGHIJKLMNOPQRSTUVWXYZ" 소문자 = "abcdefghijklmnopqrstuvwxyz" for i in range(len(sentense)): if sentense[i] in.. 2022. 7. 9.
[프로그래머스] Lv1 가운데 글자 가져오기_python 문제 풀이 출처 https://programmers.co.kr/learn/courses/30/lessons/12903 문제 단어 s의 가운데 글자를 반환하는 함수 단어의 길이가 짝수라면 가운데 두글자를 반환 입출력예시 "abcde" "qwer" 문제풀이1 def solution(s): 길이 = len(s) if 길이 %2 ==0: return s[길이//2-1]+s[길이//2] elif 길이 %2 ==1: return s[길이//2] 2022. 7. 8.
[프로그래머스] Lv1 이상한 문자 만들기_python 문제 풀이 출처 https://programmers.co.kr/learn/courses/30/lessons/12930 문제 각 단어는 하나 이상의 공백문자로 구분 각 단어의 짝수번째 알파벳은 대문자로, 홀수번째 알파벳은 소문자로 바꾼 문자열을 리턴 문자열 전체의 짝/홀수 인덱스가 아니라, 단어(공백을 기준)별로 짝/홀수 인덱스를 판단해야합니다. 첫 번째 글자는 0번째 인덱스로 보아 짝수번째 알파벳으로 처리해야 합니다. 입출력예시 "try hello world" 문제풀이1 def solution(s): arr = [] word_index = 0 for i in range(len(s)): if s[i] == ' ': word_index = 0 arr.append(s[i]) elif word_index % 2 == 0:.. 2022. 7. 7.
[프로그래머스] Lv1 콜라츠 추측_python 문제 풀이 출처 https://programmers.co.kr/learn/courses/30/lessons/12943 문제 주어진 수가 1이 될 때까지 다음 작업을 반복하면, 모든 수를 1로 만들 수 있다. 1-1. 입력된 수가 짝수라면 2로 나눕니다. 1-2. 입력된 수가 홀수라면 3을 곱하고 1을 더합니다. 2. 결과로 나온 수에 같은 작업을 1이 될 때까지 반복합니다. 주어진 수가 6이라면 6 → 3 → 10 → 5 → 16 → 8 → 4 → 2 → 1 위 작업을 몇 번이나 반복해야 하는지 반환하는 함수, solution을 완성하라 단 주어진 수가 1인 경우에는 0을, 작업을 500번 반복할 때까지 1이 되지 않는다면 –1 입출력예시 문제풀이1 def solution(num): count = 0 while n.. 2022. 7. 6.
[프로그래머스] Lv1 자연수 뒤집어 배열로 만들기_python 문제 풀이 출처 https://programmers.co.kr/learn/courses/30/lessons/12932 문제 자연수 n을 뒤집어 각 자리 숫자를 원소로 가지는 배열 형태로 리턴 입출력예시 문제풀이1 def solution(n): num_list = list(map(int, str(n))) return num_list.reverse() 들어온 자연수를 list 에 넣어주고(string 형으로), 뒤집어줬다. 2022. 7. 5.
[프로그래머스] Lv1 같은 숫자 시러_python 문제 풀이 출처 https://programmers.co.kr/learn/courses/30/lessons/12906 문제 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있다. 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거 단 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지 입출력예시 문제풀이1 def solution(arr): push_arr = [] for i in range(len(arr) - 1): if arr[i] != arr[i + 1]: push_arr.append(arr[i]) push_arr.append(arr[-1]) return push_arr 그리디 풀듯이 푼 문제 배열 앞 뒤로 비교해서 다른 수가 나오면 무조건 push -> 맨 마지막 수.. 2022. 7. 4.
[퍼스널컬러] 꾸밀줄모르는 찐공대녀의 퍼스널컬러 진단 후기_컬러라이즈colorize(개쩔어요) 제가 또 이과 -> 공대 -> 제조/연구직 -> 개발자 루트로 찐 공대루트를 탔거든요... 꾸미는걸 너므 못하다보니 항상 제 친구들은 저를 만나면 옷훈수부터 둡니당ㅋㅋ 이번에 만났을 때는 화장품으로 지적을 받았는데 바로 이 립틴트 색! 저는 오렌지색을 좋아해서 오렌지 립틴트만 바르고 다니는데 친구들이 엄청 뭐라고 하는거에요ㅠㅠ 제발 퍼스널컬러를 맞추라그.. 입술만 둥둥 뜬다고ㅠㅠ 근데 저도 한편으로는 이쁜옷은 못입더라도 나에게 잘어울리는 색으로 꾸미고 다녀야겠다는 생각이 들더라구요 그래서 퍼스널컬러 진단을 받아봤습니다. 광고같은거 아니구요ㅠ 인터넷에 검색해보면은 다 광고같은 글밖에없어서 그냥 근처에 있는 곳으로 예약 잡아서 다녀왔습니당ㅋㅋㅋ (사실 다른곳 가려고 했는데 다른곳은 예약을 인스타로 해야하더라.. 2022. 7. 3.
[프로그래머스] Lv1 py개수_python 문제 풀이 출처 https://programmers.co.kr/learn/courses/30/lessons/12916 문제 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 입출력 예시 문제풀이1 def solution(s): s_list = list(s) p,y = 0, 0 for i in range(len(s_list)): if s_list[i] == 'p' or s_list[i] == 'P': p = p+1 elif s_list[i] == 'y' or s_list[i] == 'Y': y = y+1 return p == y 단순히 for 문을 돌려서 문자가 있는지 체크만 해줌 시간.. 2022. 7. 3.
[프로그래머스] Lv1 수박수박수?_python 문제 풀이 출처 https://programmers.co.kr/learn/courses/30/lessons/12922 문제 길이가 n이고, "수박수박수박수...."와 같은 패턴을 유지하는 문자열을 리턴하는 함수, solution을 완성하세요. 예를들어 n이 4이면 "수박수박"을 리턴하고 3이라면 "수박수"를 리턴하면 됩니다. 입출력 예시 문제풀이1 def solution(n): 수 = '수' 박 = '박' answer = [0]*(n) for i in range(n): if i % 2 == 0: answer[i]= 수 else: answer[i] = 박 return ''.join(answer) 배열과 for 문을 연습할 겸 풀어봤다. list assignment index out of range 오류가 발생해서 a.. 2022. 6. 28.
반응형

티스토리툴바