Homile

📌 갑작스러운 비가 내려 시원하게 하루를 시작할 줄 알았지만 아직 몸살이 낫지 않아서 추웠다.... 그리고 정규표현식에 대해 다시 학습하는 계기가 되는 날이었다. 📗 오늘 학습한 내용 회원가입 폼 유효성 검사 JavaScript 정규표현식 RegExp Github 아고라스테이츠 클론 작업해보기 Mini Hackathon Final에 대해 알아보기 정규 표현식에 대해 학습을 추가적으로 진행하였다. 어떻게 사용하고 어디에서 사용하는 지를 정확하게 알아야 효율적으로 코드를 작성 할 수 있다고 생각했기 때문이다. 다음날 있을 아고라스테이츠 클론을 작업해보았다.또한, 금요일에 있는 미니 해커톤에 대해서 어떤것인지 한번 찾아 보았는데 2~3명이 모여서 하나의 주제를 가지고 간단한 페이지를 개발을 하는 것이라고 했다..

📌 DOM을 사용한 유효성 검사를 해봤는데 역시 프론트엔드가 재밌다!! 📗 오늘 학습한 내용 DOM Create Append Read Update Remove Delete 회원가입 폼 유효성 검사 간단하게 회원가입 폼의 아이디, 비밀번호의 유효성 검사를 dom을 사용해 작업했다. Dom을 다양하게 더 사용할 수 있을 것 같다. 또한, 정규표현식에 대한 나의 지식이 아직 부족해 누군가에게 설명하는 것이 어려웠다. 📘 추가로 공부할 내용 React Component props states Github 아고라스테이츠 클론 작업해보기 코드스테이츠 과정에서 가장 먼저 사용하는 RestAPI를 먼저 공부해야겠다. Graphql이 RestAPI보다 좋다는 것은 많은 글과 영상을 봐서 알지만 현재 내가 먼저 사용하게 ..

📌 오늘은 Koasn를 주말간 남은 것에 대해 학습하고 나서 궁금한 점을 하나하나 페어와 함께 맞추는 시간을 가졌다. 📗 오늘 학습한 내용 JavaScript 배열 객체 ES6 신규문법 Spread rest 얕은 복사 깊은 복사 Koans (JS기초 문법 문제) Koans는 여태까지 배워왔던 내용을 종합해둔 문제들이었다. 비교적 복습을 많이 진행했다면 쉽게 풀 수 있던 문제라고 생각이 들었다. 하지만 뒤의 객체에 속성과 속성값에서는 많이 헷갈릴 수 있다고 생각한다. 그리고 블로그에 내용을 찾기전에 공식 문서를 보는 것이 첫번째라고 생각하는 계기가 되었다. 블로그에는 자신만의 생각으로 정리한 곳이다 보니 전문적일 수 없었다... 📘 추가로 공부할 내용 DOM Create Append Remove Upda..

📌 일주일간 다양한 내용을 학습할 수 있었고 알고 있는 내용에서 놓쳤던 부분을 매꿀 수 있어서 좋은 기간이었다. 📗 일주일간 학습한 내용 Git clone: repository를 받아온다. fork: repository를 내 github에 복사한다. pull push add commit node.js npm nvm mocha chai 배열 순서가 있는 데이터의 저장공간 객체 속성과 속성 값이 있는 저장공간 복사 얕은 복사 깊은 복사 자료형 원시 자료형 참조 자료형 스코프 변수의 유효 범위 클로저 함수를 리턴하는 함수 외부 함수와 내부 함수가 존재 외부 함수의 변수는 내부 함수에서 참조 가능하지만 반대로는 불가능 ES6 신규 문법 Spread: ...배열 or ...객체 구조분해할당 배열 및 객체를 분해 ..

📌 다른 캠프의 지인도 열심히 하는 것을 보며 나도 열심히 해야겠다고 생각을 하는 날이 되었다. 📗 오늘 학습한 내용 JavaScript 스코프, 클로저 내용 정리 GraphQL 페이스북에서 만든 쿼리 언어 웹 클라이언트가 데이터를 서버로 부터 효율적으로 가져오는 것을 목적으로 둔다. REST API와 비교 GraphQL의 구조 Python 알고리즘 문제풀이 [Leectcode] Remove Element [Leectcode] Search Insert Position [Leectcode] Container With Most Water 주간에 배운 스코프와 클로저에 대해 자세히 정리하였다. 알고리즘 스터디 중 나온 GraphQL에 대한 내용을 개발자가 되기위해 공부해야 한다고 생각하여 추가적으로 공부하였다..

📌 이제 section 마지막에 다가오니 기분이 묘하다... 앞으로 더 열심히 해야지!! 📗 오늘 학습한 내용 JavaScript 클로저 함수에 함수가 선언되어 return하는 구조이다. 클로저함수: 외부함수의 매개변수에 접근할 수 있는 내부함수 특징 데이터의 보존 정보의 접근 제한(캡슐화) 모듈화 외부함수 외부함수에 선언된 변수는 내부함수에서 접근이 가능하다. 내부함수 내부함수에 선언된 변수는 외부함수에서 접근이 불가능하다. ES6 신규 문법 Spread rest 3주간 배웠던 내용 종합 퀴즈 스코프, 클로저의 개념은 조금 어려울 수 있다. 내부함수, 외부함수, 외부함수의 변수 등 다양하게 데이터가 이리저리 움직인다고 생각하기 때문이다. 이럴때는 천천히 그림을 그려보면서 흐름을 이해하면 쉽게 할 수 있..

📌 오늘은 결국 몸살이나서 조금 힘들었지만 최대한 오늘 정해진 학습과정을 견뎌냈고, 추가로 복습, 예습까지 진행했다. 대신 빨리하고 쉬어야 할 것이라 생각해서 평소보다는 학습을 못한것은 주말에 채워야겠다. 몸건강이 우선이다!!! 📗 오늘 학습한 내용 JavaScript 원시자료형 고정된 저장 공간을 차지하는 데이터 number, string, boolean, undefined, ,symbol, (null) 하나의 변수에 하나의 데이터만 들어간다. 변수를 복사하여 사용해도 원본은 변경되지 않는다. 참조자료형 대량의 데이터를 다루는 배열(Array)과 객체(Object) 함수(function) 데이터를 저장 공간에 넣는 것이 아닌 주소를 할당한다. 저장 공간을 복사 할 경우 복사한곳의 데이터를 변경할 경우 ..

📌 개인적인 이슈가 생겨서 많이 힘들었던 날이다... 📗 오늘 학습한 내용 JavaScript 객체 객체의 속성과 속성값 for (let key in obj) 객체에 있는 속성을 변수 key에 할당 for (let [key, value] of Object.entries(obj) 객체에 있는 속성을 변수 key에 할당, 속성의 값은 value에 할당 원시자료형 고정된 저장 공간을 차지하는 데이터 number, string, boolean, undefined, null 참조자료형 대량의 데이터를 다루는 배열(Array)과 객체(Object) 배열은 사용할때 순차적으로 나와 구별하기 쉬웠지만, 객체의 경우 속성과 속성의 값을 둘다 변경하거나 삭제, 비교를 해야하는 과정에서 조금 헷갈렸던 것 같다. 코플릿으로 ..

📌 날씨가 쌀쌀해서 공부하기 정말 좋다!! 📗 오늘 학습한 내용 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의 배열과 객체는 사용하기에 따라 메모리의 할당이나 속도 등이 차이가 많이 나게 되고 가장 기초(?)라고 생각되어 화요일 전까..