분류 전체보기(343)
-
자바스크립트 객체, 구조분해할당
자바스크립트 객체 객체를 가지고 뭘 할 수 있는지 처음 자바 스크립트를 시작한지 얼마 안된사람들이 객체 사용법에 대해서 정리가 안 되어 있으면 다른사람이 작성했던 코드를 읽을때 무슨 문법인지 모르는경우가 있습니다. 그럴때는 이글을 읽으면 좋을것입니다. 처음에는 객체를 어떻게 쓰는지 알아봅시다. const a = "age"; const obj1 = { id: 1, name: "김동욱", [a]: 3, }; console.log(obj1); const a = "age"; const obj1 = { id: 1, name: "김동욱", [a]: 3, getNameFunction: function () { console.log("김동욱입니다"); }, }; console.log(obj1); obj1.getName..
2024.04.03 -
셀렉터 selector
https://codingbasics.tistory.com/267 셀렉터 selector 안녕하세요 HTML 요소의 색상 사이즈 마진 패딩 등 모든것 결론: 빈칸만 잘 채우면 모든 원하는대로 변경가능 codingbasics.tistory.com 안녕하세요 HTML 요소의 색상 사이즈 마진 패딩 등 모든것 결론: 빈칸만 잘 채우면 모든 원하는대로 변경가능
2024.04.03 -
배열 함수형 메서드 3가지
https://www.youtube.com/watch?v=N7xZRJJ8Thc .find find 는 배열 내에서 항목을 찾는데 도움을 줍니다. function findapple(apple) { return apple === "사과"; } const fruits = ["배", "포도", "바나나"]; const apple = fruits.find(findapple); console.log(apple); 필요한 파라미터는 하나뿐이다. 그것은 바로 콜백함수 .find 의 규칙은 콜백 함수가 "true"를 반환하는 경우 우리가 찾고있던 항목을 찾았음을 의미한다. .map map을 사용하면 배열의 요소를 가져와 변환한 다음 새 배열에 배치할 수 있습니다. function double(currentNumber) ..
2024.04.03 -
예상 대진표
문제: 예상 대진표 제출 내역 문제 설명 △△ 게임대회가 개최되었습니다. 이 대회는 N명이 참가하고, 토너먼트 형식으로 진행됩니다. N명의 참가자는 각각 1부터 N번을 차례대로 배정받습니다. 그리고, 1번↔2번, 3번↔4번, ... , N-1번↔N번의 참가자끼리 게임을 진행합니다. 각 게임에서 이긴 사람은 다음 라운드에 진출할 수 있습니다. 이때, 다음 라운드에 진출할 참가자의 번호는 다시 1번부터 N/2번을 차례대로 배정받습니다. 만약 1번↔2번 끼리 겨루는 게임에서 2번이 승리했다면 다음 라운드에서 1번을 부여받고, 3번↔4번에서 겨루는 게임에서 3번이 승리했다면 다음 라운드에서 2번을 부여받게 됩니다. 게임은 최종 한 명이 남을 때까지 진행됩니다. 이때, 처음 라운드에서 A번을 가진 참가자는 경쟁자..
2024.04.02 -
개발 실력 수직상승을 위한 필수 역량
https://www.youtube.com/watch?v=Eq8ZRCokn5Y 이 영상의 핵심 내용 공부하면서 강의를 듣거나 책을 보고 코드를 따라치거나, 프로젝트 하면서 직접 코드를 작성하던지 코드를 썼는데 그 코드를 왜 썼는지 설명하고 기록 해야한다. 사소한 코드라도 생각하면서 쳐봅시다.
2024.04.02 -
2024 - 03 - 25
오늘 수업은 원래 온라인강의로만 진행했었지만 이번엔 강사님이 직접 학교에 찾아오셔서 수업을 진행하셨습니다. 수업 내용을 진행하기에 앞서 유튜브 영상 하나를 강조하였습니다. https://www.youtube.com/watch?v=yzE9sOR0v3o 매일 정답을 보지 않고 코딩테스트 문제를 하루에 한 문제씩 풀어보는 연습을 하는 것이었다. 계속 생각해서 문제를 풀다 보면서 사고력을 기르는 훈련을 하라는 것이었습니다. 이 말씀을 하신 후 강의를 진행하였습니다. 오늘은 DOM이라는 것에 대해 배웠습니다. DOM이란 문서 객체 모델(DOM, Document Object Model)은 XML이나 HTML 문서에 접근하기 위한 일종의 인터페이스입니다. 이 객체 모델은 문서 내의 모든 요소를 정의하고, 각각의 요소..
2024.03.26