Homile

📌 점점 마음이 편해지고 더 열심히 해야겠다는 생각을 하면서 하루를 시작했다. 📗 오늘 학습한 내용 JavaScript 조건문 문자열 모든 프로그래밍 언어의 기본이 되는 조건문, 문자열에 대해서 공부를 하고 문제를 풀어보던 중 메서드 사용 부분에서 자꾸 실수를 하게 되었는데 이 부분을 보완하게 위해서 자주 사용하는 메서드, 함수에 대해서 조금 더 공부 한 뒤 정리해서 블로그에 올려두어야 겠다고 생각했습니다. 📘 추가로 공부할 내용 JavaScript 반복문(for, while)에 대해 공부해본다. [baekjoon] node.js로 문제풀때 input 지정하는 법을 정리해 본다. 알고리즘 문제 풀기 [프로그래머스] 예상 대진표 반복문에 대해서 처음으로 시작한다는 생각을 가지고 잊어버리지 않도록 공부를 해..

📌 함수(Function) 하나의 작은 기능을 하는 것. 함수에 값을 '전달'하면 함수에서 값이 반환된다. 속성과 메서드를 모두 가질 수 있으면 '일급 객체'라고 한다. 📌 함수 정의하기 함수 선언식 function name (param){ return param; } 함수 표현식 // 일반적인 함수 표현식 const name = function(param) { return param } // 함수 표현식 + 함수 선언식 const name = function names(param) { return param } 화살표 함수 const name = (param) => { return param; } 📌 함수 호출하기 함수명(인자(agrument)); // 함수 표현식으로 선언 const name = fu..

📌 변수란? - 데이터를 편하게 다루기 위한 데이터의 이름 📌 변수의 선언(declaration) 및 할당(assignment) 선언: let name; 할당: name = "ho"; let age = 12; 선언이 미리 되어있다면 변수명에 바로 할당 할 수 있다. 선언과 할당을 동시에 할 수 있다. 변수를 선언 하는 문법 (var, let, const) var: 변수를 선언하는데 가장 오래된 문법 (현재는 let을 많이 사용한다.) 선언한 변수를 전역적으로 사용이 가능하며 두번 선언할 수 있다. let: var문법의 상위문법이다. 범위는 블록으로 이루어져 있어 범위를 벗어나면 호출할 수 없다. let을 사용하여 같은 블록 내에서 2번 선언 할 수 없다. let a = 1; if (true){ let b..

📌 처음 페어프로그래밍을 하는날 긴장된다!! 요즘엔 공부한 내용을 내가 보기 쉽게 노션으로만 정리하다가 블로그에 정리하기 시작했는데 남이 알아보기 편하도록 글을 작성하는 것이 어렵다는 것을 느끼게 된다. 📗 오늘 학습한 내용 JavaScript 변수란 무엇인가?, 변수의 종류 (var, let, const) 타입이란 무엇인가?, 타입의 종류 (String, Number, ...) 자료형 함수의 선언, 호출 코플릿으로 페어와 함께 문제를 풀어보았는데 문제를 제대로 읽지 않는 나의 습관이 있는 것을 다시 한번 깨닫게 되었다. 질문을 하거나 받을 때 내가 원하는 것을 말하는 제대로 전달하지 못한다고 생각하여 말을 조리있게 잘 할 수 있도록 블로그를 작성하면서 늘리도록 해야겠다!!😃 📘 추가로 공부할 내용 Ja..

📌 오늘은 코드스테이츠 FE과정 첫 날이라 설렘반 긴장반으로 하루를 시작했던 것 같다. 📌 왜? 코드스테이츠 FE과정이었는가? 다양한 부트캠프 과정에 지원을 했었으나 서류 -> 코딩 테스트를 거쳐야 했으며 금액이 부담되는 경우가 있었습니다. 그러던 와중 코드스테이츠 과정 27기수를 수료했던 지인을 통해 코드스테이츠를 소개 받았으며 자세히 찾아보니 커리큘럼과 진행하는 과정이 FE개발자로서 발전할 수 있다는 생각을 하게되어 신청하였으며 합격 통보를 받고 22. 04. 25.(월) 오늘 1일차 과정을 시작하게 되었습니다. 오전에는 지난주 목요일에 왔던 사전 안내문을 참고하여 과정에 대한 이해도 및 세팅을 진행하며 오리엔테이션을 시작했습니다. 노션, 디스코드, UrClass, 구글 캘린더 등 학습에 사용되는 툴..

🔹오늘 한 일 React 학습 Component Event 발생 시 변경 Props ↔ State의 관계 Props 읽기 전용이다.(read only) 수정 할 수 없다. State 비동기로 변경될 수 있다. this.setState함수로 수정 할 수 있다. CRUD: CR가 가장 중요하다 만들고 읽지 못하면 UD가 필요없다. Create Read Update Delete

🔹오늘 한 일 React 학습 React 함수형, 클래스형 구조 Component Props State event bind preventDefault github markdown 작성법 VSCode에서 md파일 미리보기 단축키: Ctrl + Shift + V github 배포시 codeblock 하는 방법 (개인적으로 백틱이 더 편한듯) ``` ``` (백틱) ```javascript class Subject extends Component{ render(){ return ( {this.props.title} {this.props.sub} ); } } class App extends Component{ render(){ return ( ); } } ``` class Subject extends Compo..

캐시(Cache)란 무엇인가? 캐시는 데이터나 값을 미리 복사해 놓는 임시 저장소를 가리킨다. 캐시(Cache)의 특징 사용했던 데이터가 임시 저장소에 담겨있기 때문에 다시 사용할 때 빠르게 접근하여 데이터를 불러올 수 있다. 계산된 값이 저장되어 있어 다시 계산하는 시간을 줄일 수 있다. LRU(Least Recently Used Algorithm)란 무엇인가? 가장 오랬동안 참조되지 않은 페이지를 교체하는 알고리즘 기법이다. 캐시에 공간이 부족할 때 가장 오랫동안 참조되지 않은 항목을 제거하고 새로운 항목을 삽입하는 형식으로 동작된다. LRU 동작 과정 빈 캐시안에 순차적으로 캐시를 채워준다. 4번째 값인 8을 사용할때 참조할 수 있는 캐시가 없으므로 가장 오랫동안 참조되지 않은 값인 1을 삭제 후 ..

CSS(Cascading Style Sheets)란? 사용자에게 문서를 표시하는 방법을 지정하는 언어이다. HTML로 웹 페이지의 틀을 제작하고 거기에 디자인을 해주는 것이 바로 CSS이다. CSS의 특징 규칙 기반 언어이다. 웹 페이지의 제목 및 링크의 색상과 크기 변경을 할 수 있다. 웹 페이지의 레이아웃을 만드는데 사용할 수 있다. 애니메이션과 같은 효과도 만들 수 있다. 참고자료 CSS MDN

JavaScript란? HTML, CSS를 사용한 정적인 웹 페이지를 동적으로 움직이도록 만들어준다. 웹을 위한 인터프리터 언어이자 객체 기반의 프로그래밍 언어이다. JavaScript의 특징 객체 기반의 스크립트 언어이다. 객체 지행형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다. ECMAScript 브라우저의 표준안을 작성하기 위해 만들어진 표준화된 스크립트 프로그래밍 언어 22년 1월 기준 최신 버전 ES6 라이브러리 jQuery, dojo, mootools 참고자료 JavaScript MDN