본문 바로가기

verdantjuly/Today I Learned

TIL 20230527

728x90

오늘 목표

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