오늘 목표
TIL 리뷰
TIL 작성
과제 필수요건 4까지 달성하기
오늘 한 것
TIL 리뷰
TIL 작성
과제 1차 완료 (단, 필수 요건 5번에서 문법 1개 더 사용해야 함)
프로그래머스 입문 : 피자 나눠먹기 (1)
프로그래머스 입문 : 피자 나눠먹기 (2)
프로그래머스 입문 : 아이스아메리카노
프로그래머스 입문 : 짝수는 싫어요
프로그래머스 입문 : 중앙값 구하기
1. Invalid API
문제
시도
token 으로 바꿔서 해결함
해결
alert에 작동하지 않을 것이라고 나와있었다.
알게된 것
에러메시지 뿐만 아니라 창의 alert도 잘 읽자
2. document.getElementById("cards").innerHTML = ""
jQuery의 empty() 와 같은 기능을 한다.
여기서 ""는 cards에 있는 내용을 바꾸는데
지금은 아무 값도 입력되어 있지 않아 웹페이지에서는 빈 공백이 된다.
3. document.getElementById("cards").insertAdjacentHTML('beforeend', temp);
cards가 끝나기 전에 temp를 붙인다.
position (beforeend 부분) 참고 자료 : https://velog.io/@1106laura/insertAdjacentHTML
4. 키보드에서 특정 키를 입력하면 동작하게 하는 기능
// enter를 누르면 searchbtn 이 클릭된다.
document.getElementById("search")
.addEventListener("keyup", function (e) {
if (e.code === 'Enter') {
document.getElementById("searchbtn").click();
}
});
5. /
문제
src 앞에 /를 넣으면 파일들이 연결이 되지 않는다.
<script type="text/javascript" src="/src/js/index.js"></script>
시도
/를 빼기
해결
시도의 방법으로 해결
알게 된 점
/는 localhost:5000을 생략하고 있는 것이라 로컬 컴퓨터에서는 작동할 수 있으나
git page로 올리게 되면 src 부터 폴더가 시작하게 되므로 작동하지 않는다.
6.Math.ceil()
소수점 자리의 숫자를 무조건 위로 올리는 Math 함수
7. sort()
a, b 파라미터 값이 없을 경우
배열의 값들은 유니코드 값 순서대로 정렬된다
참고자료 : https://developer0809.tistory.com/144
정리
에러메시지 뿐만 아니라 창의 alert도 잘 읽자
document.getElementById("cards").innerHTML = ""
jQuery의 empty() 와 같은 기능을 한다.
여기서 ""는 cards에 있는 내용을 바꾸는데
지금은 아무 값도 입력되어 있지 않아 웹페이지에서는 빈 공백이 된다.
document.getElementById("cards").insertAdjacentHTML('beforeend', temp);
cards가 끝나기 전에 temp를 붙인다.
// enter를 누르면 searchbtn 이 클릭된다.
document.getElementById("search")
.addEventListener("keyup", function (e) {
if (e.code === 'Enter') {
document.getElementById("searchbtn").click();
}
});
/는 localhost:5000을 생략하고 있는 것이라 로컬 컴퓨터에서는 작동할 수 있으나
git page로 올리게 되면 src 부터 폴더가 시작하게 되므로 작동하지 않는다.
Math.ceil()
소수점 자리의 숫자를 무조건 위로 올리는 Math 함수
sort()
a, b 파라미터 값이 없을 경우
배열의 값들은 유니코드 값 순서대로 정렬된다
소감
바닐라 자바스크립트 페이지를 만들면서 너무 많은 새로운 걸 알게 되었다. 다 적을 수 없어 일부만 적었다. 처음에는 API조차 가져올 수 없어서 막막했는데 완성하고 나니 좋다.
'verdantjuly > Today I Learned' 카테고리의 다른 글
TIL 20230529 (0) | 2023.05.29 |
---|---|
TIL 20230528 (2) | 2023.05.28 |
TIL 20230526 (0) | 2023.05.26 |
TIL 20230525 (0) | 2023.05.25 |
TIL 20230524 (0) | 2023.05.24 |