Homile

객체(Object) 원시 타입을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두 객체이며, JavaScript의 객체는 key와 value로 구성된 property들의 집합이다. 객체의 구조 key와 value가 존재 key: 빈 문자열을 포함하는 모든 문자열 value: 모든 데이터 값 let obj = {}; // 'key' 'value' obj['name'] = 'cho'; console.log(obj);// {name: 'cho'} 객체 생성 {} 객체 리터럴 방식으로 생성할 수 있다. new Object 함수로 생성할 수 있다. // 객체 리터럴 방식 let obj1 = {}; // Object 생성자 함수 let obj2 = new Object(); 객체 key, value 할당 객체..

배열(Array) 순서가 있는 값을 저장할 때 사용하는 자료구조이며 배열을 사용하는 자료구조의 대표적인 예로 스택, 큐, 덱이 있다. 배열의 구조 요소가 들어있는 방의 번호를 인덱스라고 하며, 정수형만 입력이 가능하고 0부터 시작한다. 배열에 값을 삽입하는 js 메서드는 push(), unshift()가 있으며, 삭제하는 메서드는 pop(), shift()가 있다. 자세한 내용은 자료구조 스택에서 다룬다. 인덱스(Index) 0 1 2 3 요소(element) 'banana' 'apple' 'peach' 'pineapple' 배열생성 및 출력 []을 사용하여 빈 배열을 생성할 수 있다. new Array()를 사용하여 빈배열을 생성할 수 있다. [](배열리터럴)을 사용하여 '배열[인덱스]'형식으로 요소를..

📌 날씨가 쌀쌀해서 공부하기 정말 좋다!! 📗 오늘 학습한 내용 JavaScript 배열 객체 스택, 덱, 데큐 자료구조 [baekjoon]문제풀이 알고리즘 풀이에서 가장 많이 쓰이는 배열과 객체에 대해서 학습을 진행하였다. 값을 할당하는 방법, 재할당, 사용법에 대해서 다시 짚고 넘어갈 수 있는 계기가 되었다. 배열과 객체를 배우게 된다면 당연히 알게되는 스택, 덱, 데큐 자료구조가 있는 데 이것은 이미 Python 알고리즘 스터디를 통해 알고 있는 내용이었다. 이것을 JS형식으로 고쳐서 블로그에 게시하면 나와 동기들에게 도움을 줄 수 있지 않을까 하는 마음으로 정리를 하고 있지만 제대로된 내용을 전달하기 위해 공식문서와 다양한 논문들을 찾아보고 내 글에서 잘 못된 점을 찾으면서 블로그에 게시해봐야겠다..

📌 이제 뭐라고 처음에 시작해야 될지 고민하게 된다... 📗 오늘 학습한 내용 Git 명렁어 add commit push clone Node.js 설치 및 사용법 Terminal을 사용해 git&github 권한을 부여하고 명령어를 사용할 수 있다. 📘 추가로 공부할 내용 Github SSH JavaScript 배열 스택, 덱, 데큐 자료구조 Array.isArray push pop shift unshift console.table 객체 객체 속성(property)의 추가, 조회, 변경, 삭제 객체 속성 조회법 두 가지, dot notation과 bracket notation JS의 배열과 객체는 사용하기에 따라 메모리의 할당이나 속도 등이 차이가 많이 나게 되고 가장 기초(?)라고 생각되어 화요일 전까..

📌 원래는 일요일에도 쉬지 않고 학습하는 것이 목표였지만 지금 4달째 하루도 빠짐없이 학습을 해왔던것 같은데 점점 힘들어지는 것을 느끼게 되어 앞으로 나아갈 5달동안 힘낼 수 있도록 일요일은 하루 쉬어가며 일주일을 돌아보고 앞으로 어떤 내용을 하는지 분석하는 날로 지정했다! 📗 일주일간 학습한 내용 CSS 선택자 (id, class, ...) 애니메이션 flexbox Python Python Study 알고리즘 문제 풀이 및 문제 선정 계산기 목업 디자인 및 구현하기 한주동안 계산기 목업 디자인과 구현하기를 진행했다. 진행하는 과정에서 flexbox의 basis속성을 사용하지 않고 크기를 직접 지정하는 하드 코딩 방식으로 진행을 했었는데 라이브세션을 보고 basis를 사용했으면 좋았을 것이라는 생각이 많..

📌 황금같은 토요일에도 열심히 노력하자!! 앞으로 더욱 좋은 주말이 있을 것이다....? 📗 오늘 학습한 내용 Python Study Baekjoon 문제 풀이 발표 LeetCode 3문제 선정 Github Repository Remote Fork 등 Linux 및 Mac OS Treminal 사용법 이미 github과 terminal을 사용하고 있어서 안다고 생각하지만 사실 막상 사용하고 설명하라고 하면 조금 당황하지 않았나라는 생각에 조금 더 미리 연습을 해볼 것 같다. 📘 추가로 공부할 내용 JavaScript 배열 객체 메서드 JS의 배열과 객체에 더욱 자세히 공부해보고 다른 사람에게 설명할 수 있도록 정리해본다. JS의 다양한 메서드의 사용방법 및 사용하면 좋을 때를 선정해본다. 📝 오늘 느낀점..

📌 평일의 마지막 금요일은 항상 기분좋게 시작하는 것 같다!!!!!!!!! 📗 오늘 학습한 내용 Python 알고리즘 풀이 [Baekjoon]쇠막대기 계산기 구현 일반연산 다항식 연산 계산기 구현 문제의 다양한 테스트 케이스가 있었는데 모두 합격해서 냈는데 다항식 연산에서 많이 고생을 했다. 📘 추가로 공부할 내용 Github Repository Remote Fork 등 Linux 및 Mac OS Treminal 사용법 📝 오늘 느낀점 & 마음 가짐 이제 코드를 작성하기전에 의사코드를 충분히 작성할 수 있다고 생각한다. 나의 코드를 상대방에게 풀어서 말할 수 있는 능력이 길러진 것 같다.

📌 오늘은 어린이날 쉬고 싶다는 생각이 들었지만 굴하지 않고 오전부터 알고리즘 풀이를 시작했다. 📗 오늘 학습한 내용 JavaScript 알고리즘 풀이 [Baekjoon]ROT13 ROT13암호: ROT(Rotate by 13)는 카이사르 암호방식의 일종으로 ROT + 숫자를 넣어 몇 번씩 밀어서 출력할 것인지를 나타내는 암호화 방식이다. 계산기 구현 일반적인 계산기 구현에 대해 대략적인 알고리즘을 손으로 작성해 본후 전에 만든 목업에 직접 js를 작성해 대입해서 일반적인 것 까지는 해보았다. 📘 추가로 공부할 내용 DOM 조작방법 document.querySelector: 엘리먼트 받아오기 JavaScript로 계산기 구현방법 소숫점 자리 계산방법 enter를 연속적으로 눌렀을 경우의 계산방법 📝 오늘..

📌 처음 페어분과 프로젝트(?)를 하는 날이라 살짝 긴장했다. 단순히 문제 푸는 것이 아닌 계산기의 목업을 제작해야하는 과정을 같이 하는 것이라 방향 잡는 법 부터해서 조금 생각을 해두었다. 📗 오늘 학습한 내용 CSS FlexBox basis grow JavaScript 알고리즘 풀이 [Baekjoon]단어 길이재기 계산기 목업 및 CSS 디자인 오늘은 계산기를 페어분과 각자 디자인을 하면서 목업을 완성시키는 날이었다. 그런데 나는 keyPad의 크기를 고정시킨 뒤 grow를 사용해 맞게 배치하는 방법을 사용하였는데 이렇게 되면 화면의 크기가 줄어들 때 버튼의 크기는 줄어들지 않았다. 이를 방지하기 위해 라이브세션에서 basis만을 사용하여 버튼의 크기를 지정하는 법을 자세히 알게되었다. 또한, 다른 ..

📌 처음 페어분과 프로젝트(?)를 하는 날이라 살짝 긴장했다. 단순히 문제 푸는 것이 아닌 계산기의 목업을 제작해야하는 과정을 같이 하는 것이라 방향 잡는 법 부터해서 조금 생각을 해두었다. 📗 오늘 학습한 내용 CSS FlexBox Python 알고리즘 풀이 [Baekjoon]오큰수 계산기 목업 및 CSS 디자인 Flexbox를 사용해서 계산기 목업 및 디자인을 하는 것을 페어분과 같이 했다. 같이 하는 과정에서 내가 전문적인 용어를 많이 사용하지 않는 다는 것을 항상 느끼고 있다. 조금 더 공부해야겠다!! 📘 추가로 공부할 내용 Entity Code Flexbox 사용법 JavaScript로 계산기 구현방법 페어분께서 Entity Code라고 말했을 때 바로 이거라고 말을 못하고 갑자기 새하얗게 변했..