본문 바로가기

분류 전체보기402

2024-04-30 자바스크립트 개인과제 마지막 - 제작완료 오늘 배운 것HTMLCollection과 NodeLIst와의 차이. (위 사진)2. event.preventDefault의 정확한 사용법.이번 과제를 통해 배운 것API (Application Programming Interface)추가학습자료 : 유튜브 짐코딩사전적 정의 : 응용 프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스.쉬운 개념 풀이사람이 자동차의 문을 열 때 "열려라"라고 외쳐봐야 문이 열리지 않음. 자동차 열쇠를 사용해서 열어야 함. 이 때 자동차 열쇠가 자동차와 사람을 이어주는 인터페이스임. (하드웨어적인 Interface를 의미함.)사람이 배달앱을 통해 가게에 주문을 한다면 배달앱은 인터페이스임. (사용자가 직접 소통하기 위한.. Programing/TIL 2024. 4. 29.
2024-04-26 자바스크립트 개인과제 5일차 오늘 배운 것배열 안에 객체가 있는 복잡한 구조 파악하기배열에 접근할 때는 인덱스 번호로 접근한다.console.log(myArr[0]);객체에 접근할 때는 value를 알고 싶은 property의 key를 점 표기법(.)으로 접근한다.console.log(myObj.myKey);배열과 객체가 섞여 있을 경우에도 값을 알아낼 수 있다.console.log(myArr[0].myKey];그런데 이렇게 복잡한 상태의 자료구조에서는 map 메서드나 forEach문을 사용할 수 없기 때문에 자료 구조를 배열 구조로 바꾸어 주어야 한다.오타에 유의하자계속 반복하고 있는 실수인데, 코드에 문제가 없는데 왜 자꾸 실행이 안 되나 하고 살펴보면 변수명이나 함수 실행 코드에서 오타를 내는 경우가 상당히 많다. 오타에 유의.. Programing/TIL 2024. 4. 26.
여러 개의 div를 수직이 아닌 수평으로 배치하기 div 태그는 block 속성으로 수직으로 쌓인다.  1,000,000원이라는 1개의 div와 원이라는 1개의 div는 당연히 수직으로 배치된다.각각의 div에 동일한 class를 주고 CSS 속성에서 display = inline-block;을 주면 수평으로 나란히 배치된다. 가운데로 몰고 싶으면 상위 요소에서 text-align: center; 속성을 주면 된다.   원문 블로그 링크https://hianna.tistory.com/865 Programing/CSS 2024. 4. 25.
flex 요소가 2개 일 때 좌우 양쪽으로 밀기 한 안에div 1개는 @@후원자님div 1개는 후원-240424-01 이 상태에서 양쪽으로 미는 방법은 좌측 div에 margin-right: auto를 주어 오른쪽으로 쭉 밀면 됨. #donatorName { margin-right: auto;}   아래 블로그에 flex 요소 안의 div 개수마다 정렬하는 방법이 소개되어 있음.https://seons-dev.tistory.com/entry/display-flex-%EC%A2%8C%EC%9A%B0-%EC%A0%95%EB%A0%AC Programing/CSS 2024. 4. 25.
GIt과 GitHub 사용 총정리 Git을 사용하는 이유코드를 백업하고 이전 버전으로 되돌리기 위함. (버전기록/관리)Git 설치 방법Git windows 검색 후 설치.선택 옵션 체크 두 가지Use Visual Studio Code as Git's default editiorOverride the default vbranch name for new repositories => main으로 입력Git 최초 1회 개인정보 등록PowerShell 터미널을 연 후 아래 명령어 하나씩 차례대로 입력.git config --global user.email (예: kim@google.com)git config --global user.name (예: Kim ByeongJun)작업 폴더 세팅하기작업 폴더에서 에디터나 파워쉘을 엶.git init 1회.. Programing/Git 2024. 4. 25.

티스토리툴바