본문 바로가기

전체 글

(98)
(JavaScript)문서 객체 다루기 세션을 진행하며 todoList, 로그인을 구현해 보았다. 이 과정에서 배운 것을 정리해보려 한다. HTML 문서가 로드된 후에 자바스크립트 코드를 실행할 수 있게 하기 document.addEventListener('DOMContentLoaded', callback); 를 사용하면, HTML 문서의 모든 요소(이미지, stylesheet, JavaScript파일 등)가 로드되었을 때 callback 함수가 실행된다. 일반적으로 로직, 함수가 어디서 시작하고 어떤 흐름으로 흘러가는지 알기 위해 init 함수를 만들고 callback함수로 init함수를 놓는다. HTML 요소 가져오기 동적인 일을 하려면 HTML 요소를 가져와 다뤄야 한다, 다음과 같은 방법으로 HTML에 있는 요소를 가져올 수 있다. 자..
(JavaScript)forEach, map, filter JavaScript 기초를 배우는 과정에서 forEach, map, filter를 배웠다. forEach, map, filter는 배열을 다루는 메소드이다. 각 요소들을 순환하며 원하는 연산을 실행할 수 있다. 1. forEach() 각 요소들을 전부 순회하며 함수를 실행한다. 다음과 같이 실행할 수 있다. const array = [1, 2, 3, 4, 5] array.forEach((element) => { console.log(element); }); //1 //2 //3 //4 //가 출력됨 모든 요소에 대해 어떤 연산이나 함수를 실행할 때 사용할 수 있다. 2. map() forEach와 같이 모든 요소를 순회하지만, 반환값이 존재하며, 요소의 값을 바꿔 새로운 배열을 반환한다. const ar..
Failed to resolve HEAD as a valid ref. 원인 및 해결 방법 git 명령어를 사용하다 블루스크린이 발생해서 노트북이 재부팅됐다. 짜증을 내며 다시 git log를 하려고 하니 Failed to resolve HEAD as a valid ref.가 나왔다. stackoverflow에서 원인을 찾아 보니 갑작스러운 power failure 혹은 다른 원인 때문이라고 했다. 블루스크린이 원인이라고 판단된다. .git 폴더를 삭제하고 다시 git init을 하기로 했다. 이전 .git 폴더의 모든 항목이 없어지지만, 확실한 방법이다. ※혹시 모르니 기존 프로젝트 폴더를 다른 곳에 저장해놓는 것이 좋다※ 1. git bash나 다른 터미널을 통해 해당 프로젝트의 폴더로 들어간다(cd). 2. rm -rf .git 으로 .git 폴더를 삭제한다. 3. git init으로 새..
24797번:알파벳 블록(Java) 양방향 queue(Deque)와 Stack을 이용해 풀었다. 명령어에 따라 맨 앞, 맨뒤에 문자를 추가해야 했으므로, 문자열은 Deque로 만들었다. 가장 나중에 추가된 문자를 제거해야 했으므로, Stack을 사용해 First In Last Out 방식을 사용했다. 마지막으로 추가된 문자가 맨 앞에 추가되었는지 맨뒤에 추가되었는지 두 가지의 값만 필요했기 때문에 Stack에 넣을 수 있는 자료형으로 Boolean을 택했다. Scanner scanner = new Scanner(System.in); Deque list = new LinkedList();//문자열 Stack history = new Stack();//마지막으로 넣은 문자가 앞에 넣은 문자인지 뒤에 넣은 문자인지 판별 int n = scann..
(JavaScript)개념 정리 준비과제를 하며 JavaScript를 복습했다. 간단하게 정리해보려 한다. JavaScript란? JavaScript는 웹 프로그래밍 언어로, 동적으로 웹 페이지를 만들고 사용자와 상호작용할 수 있도록 해 준다. HTML과 CSS와 함께 웹 페이지를 만들기 위한 필수적인 언어 중 하나이다. JavaScript는 이 두 언어를 보완하여 웹 페이지를 동적이고 상호작용적으로 만들어준다. JavaScript의 타입 JavaScript의 자료형은 Primitive Type과 Reference Type이 있다. Primitive Type은 기본 자료형으로 Primitive Type에 속하는 자료형은 다음과 같다. 1. Number : 정수, 실수를 가진다. 2. String : 문자나 문자열을 가진다. 큰따옴표와 ..