🌱 → 🌳

📌 DOM(Document Object Model) 📌 DOM API : Document Object Model Application Programming Interface ✅ querySelector("요소 선택자") CSS 요소 선택자를 사용해서 자신이 가져오고 싶어하는 요소를 가져오는 메소드 문서에서 만나는 제일 첫번째 요소를 반환함 ✅ getElementById("id") ID 이름을 불러서 해당 ID를 가지는 요소를 불러오는 메소드 ✅ classList classList.add('class1') : 선택 요소에 class1이라는 class 더하기 classList.remove('class1') : 선택 요소에 class1이라는 class 제거 classList.contains('class1')..

📌 Object 접근 추가 삭제 프로퍼티 존재 여부 확인 Object method method: 객체 property로 할당 된 함수 📌 this function sayHello() { console.log(`Hello, I'm ${this.name}`); console.log(this); } let boy = { name: "Justin", sayHello, }; let girl = { name: "Anna", sayHello, }; boy.sayHello(); //Hello, I'm Justin girl.sayHello(); //Hello, I'm Anna ✅ 화살표 함수와 this 화살표 함수는 일반 함수와는 달리 자신만의 this를 가지지 않음 화살표 함수 내부에서 this를 사용하면, 그 thi..

📌 변수명 기본 규칙 변수 이름으로는 문자/숫자/_/$ 만 사용 가능 첫 글자는 숫자 불가 예약어 사용 불가 의미를 내포 하는 변수 이름이 좋음 앞 단어가 명사 -> 변수 앞 단어가 be동사 -> boolean 앞 단어가 동사 -> 함수 상수, 고정값은 전체 대문자로 선언 📌 데이터 타입 : string, number, boolean, undefined, null, object, array 등 ✅ typeof : 해당 자료(변수, 데이터 등)의 데이터 타입을 반환해줌 주의, object안의 자료와 null는 object라고 뜸 console.log(typeof null); console.log(typeof "hi"); console.log(typeof 77); // {} 빈 object 선언 consol..

https://www.acmicpc.net/problem/10809 10809번: 알파벳 찾기 각각의 알파벳에 대해서, a가 처음 등장하는 위치, b가 처음 등장하는 위치, ... z가 처음 등장하는 위치를 공백으로 구분해서 출력한다. 만약, 어떤 알파벳이 단어에 포함되어 있지 않다면 -1을 출 www.acmicpc.net 정답 코드: s = input() alphabet = list(range(97,123)) # a=97, z=122 아스키코드 숫자 범위 for i in alphabet: print(s.find(chr(i))) 구현 생각할 때 전체 알파벳을 list로 불러와야한다는 건 알았지만 아스키코드를 사용하는 방법을 생각하지 못해서 애를 먹었다 📌 find 함수 어떤 찾는 문자가 문자열 안에서 첫..

https://www.acmicpc.net/problem/11654 11654번: 아스키 코드 알파벳 소문자, 대문자, 숫자 0-9중 하나가 주어졌을 때, 주어진 글자의 아스키 코드값을 출력하는 프로그램을 작성하시오. www.acmicpc.net 정답 코드: a=input() print(ord(a)) ord(): 문자의 아스키 코드값을 리턴하는 함수 chr(): 아스키 코드값을 입력으로 받아 그 코드에 해당하는 문자를 출력하는 함수

https://www.acmicpc.net/problem/1546 1546번: 평균 첫째 줄에 시험 본 과목의 개수 N이 주어진다. 이 값은 1000보다 작거나 같다. 둘째 줄에 세준이의 현재 성적이 주어진다. 이 값은 100보다 작거나 같은 음이 아닌 정수이고, 적어도 하나의 값은 0보 www.acmicpc.net 백준 답 : n=int(input()) arr=list(map(int,input().split())) m = max(arr) x=0 for i in range(n): x += arr[i]/m*100 print(x/n) 근데 이러면 n을 선언을 안해도 작동이 되는데 .. 굳이 n을 선언시키라는 이유가 뭘까 아래는 n값이 입력되지 않아도 잘 동작되는 것을 보여주는 코드 arr=list(map(i..

https://www.acmicpc.net/problem/2562 2562번: 최댓값 9개의 서로 다른 자연수가 주어질 때, 이들 중 최댓값을 찾고 그 최댓값이 몇 번째 수인지를 구하는 프로그램을 작성하시오. 예를 들어, 서로 다른 9개의 자연수 3, 29, 38, 12, 57, 74, 40, 85, 61 이 주어 www.acmicpc.net 정답 코드: dic=[] for i in range(9): dic.append(int(input())) x = max(dic) print(x) print(dic.index(x)+1) 처음 생각한 풀이: dic=list(map(int, input().split())) i = 0 for i in dic: if .. i+= 1 하지만 저렇게 split으로 불러오면, 입력..

HTML/CSS 만을 이용하여 starbucks korea 홈페이지를 clone해 보았다 dropdown부분이나 애니메이션 부분은 JavaScript로 구현하면 훨씬 쉬워지겠지만 지금은 CSS에 익숙해지기 위해서 CSS만으로 도전해 보았다 결과물 : https://adorable-basbousa-872b94.netlify.app/ Starbucks Coffee Korea 스타벅스는 세계에서 가장 큰 다국적 커피 전문점으로, 64개국에서 총 23,187개의 매점을 운영하고 있습니다. adorable-basbousa-872b94.netlify.app 코드 확인 : https://github.com/thals0/StarBucks-Clone GitHub - thals0/StarBucks-Clone Contrib..