본문 바로가기

전체 글

(94)
(JavaScript)localStorage, JSON todoList 코드를 작성하며 localStorage와 JSON에 대해 배웠다. 정리해보려고 한다. localStorage localStorage는 HTML5에서 추가된 웹 스토리지 API 중 하나로, 브라우저에 데이터를 로컬로 저장할 수 있도록 해 준다. (localStorage 객체는 window 객체의 프로퍼티로 정의되어 있다). 키(key)와 값(value)을 사용하여 데이터를 저장하고 가져온다. 키(key)와 값(value)은 문자열만 저장할 수 있다. 데이터 저장하기 localStorage에 데이터를 저장하려면 setItem 메소드를 사용하면 된다. setItem 메소드는 키(key)와 값(value)을 매개변수로 받아서 localStorage에 저장한다. localStorage.setIte..
(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..