본문 바로가기
카테고리 없음

TIL 14일차(2023-06-01)

by seungbeom35 2023. 6. 1.

이번 주 목표

개인 과제 제외하고도 프로젝트 1개 이상 해보기

코드 공부 열심히 해서 웹사이트에서 사용하는게 어떤 용도인지 다 이해하기

토,일 둘 다  코드 관련 영상들 1시간 이상씩 보기 


규칙

1. 억지로 쓰지 않기. 

 - 진짜 배운 게 있는 날만 쓰기!

2. 양 신경쓰지 않고 기록하기. 

 - 양이 적다고 글을 포기하지 말고 조금이라도, 그게 한두줄이더라도 배운 게 있다면 기록하기!

3. 꼭 내 것으로 만든 후 작성하기. 

 - 스스로 생각을 좀 정리해본 후 TIL 글 적기!

 - 남이 쓴 글 복붙 X , 내가 배우고 느낀 점 위주로. (일단은 그렇게 해보자)

밑의 내용들은 내가 수업중에 메모해가며 적은것들이고 이를 통해 다시한번 공부가 되어 올렸으며 적으면서 복습이 되기 때문에 그날 공부한 것들은 안 외우더라도 매번 적을 예정입니다.


<오늘 공부 한 것들>

1.Enter키를 검색 키를 안누르고도 나오게 하는법

2.alert의 키를 click()함수로  바꾼것

3.closest의 기능에 대해

4.git에 파일 수정하는 법


<문제점>

1.Enter의 값이 getElementsByClassName의 메소드를 통해서는 안나온다는 점

2.git에 수정한 파일이 업데이트 안된다는 점

3.alert의 값을 함수 click()로 바꾸는데  기능을 안한다는점


<해결한 방법>

1.getElementsByClassName은 Elements니까 다양한 요소들이어야 한다. 한개의 클래스만 가지고 오고 싶은데 그것은 작동이 안된다. 그래서 하나의 요소를 찾는 querySelector를 사용해야 한다.

2.git의 파일을 업로드 할때 메세지를 꼭 적어줘야 한다. 메시지 없이 업로드는 안된다.

3.alert의 값을 getElement도 하고 안에 입력하는 값을 따로 주기 위해서 백틱을 제거해보고 했는데 결국 click의 함수자체가 명칭을 가지고 있어서 부트스트랩처럼 오류가 발생해서 이름을 AlertID로 바꾸니까 입력이 잘됐다..


<느낀점>

막상 해결을 하니까 되게 간단한 이유이면서 이름을 정하는것에 대한 어려움을 느꼈습니다. closet의 기능은 구글링을 하면서 메소드를 비교하며 console을 이용해 안에 있는 값들의 비교를 하면서 차이를 느끼니 간단하게 느껴졌습니다.

이런식으로 공부해가니 요소들의 차이를 알게 되면서 객체에 대한 공부를 더 해야겠다고 느꼈습니다. 책을 읽었지만 안에 있는 요소들이 상황별로 사용해야 하는 메소드 별로 차이가 있기 때문에 내일은 객체에 대해 더욱 공부해야 겠다고 느꼈습니다.