본문 바로가기

전체보기335

20220425_TIL 📌 오늘은 코드스테이츠 FE과정 첫 날이라 설렘반 긴장반으로 하루를 시작했던 것 같다. 📌 왜? 코드스테이츠 FE과정이었는가? 다양한 부트캠프 과정에 지원을 했었으나 서류 -> 코딩 테스트를 거쳐야 했으며 금액이 부담되는 경우가 있었습니다. 그러던 와중 코드스테이츠 과정 27기수를 수료했던 지인을 통해 코드스테이츠를 소개 받았으며 자세히 찾아보니 커리큘럼과 진행하는 과정이 FE개발자로서 발전할 수 있다는 생각을 하게되어 신청하였으며 합격 통보를 받고 22. 04. 25.(월) 오늘 1일차 과정을 시작하게 되었습니다. 오전에는 지난주 목요일에 왔던 사전 안내문을 참고하여 과정에 대한 이해도 및 세팅을 진행하며 오리엔테이션을 시작했습니다. 노션, 디스코드, UrClass, 구글 캘린더 등 학습에 사용되는 툴.. 2022. 4. 25.
20220406_TIL 🔹오늘 한 일 React 학습 Component Event 발생 시 변경 Props ↔ State의 관계 Props 읽기 전용이다.(read only) 수정 할 수 없다. State 비동기로 변경될 수 있다. this.setState함수로 수정 할 수 있다. CRUD: CR가 가장 중요하다 만들고 읽지 못하면 UD가 필요없다. Create Read Update Delete 2022. 4. 6.
20220405_TIL 🔹오늘 한 일 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.. 2022. 4. 5.
[캐시 알고리즘] LRU (Least Recently Used Algorithm) 캐시(Cache)란 무엇인가? 캐시는 데이터나 값을 미리 복사해 놓는 임시 저장소를 가리킨다. 캐시(Cache)의 특징 사용했던 데이터가 임시 저장소에 담겨있기 때문에 다시 사용할 때 빠르게 접근하여 데이터를 불러올 수 있다. 계산된 값이 저장되어 있어 다시 계산하는 시간을 줄일 수 있다. LRU(Least Recently Used Algorithm)란 무엇인가? 가장 오랬동안 참조되지 않은 페이지를 교체하는 알고리즘 기법이다. 캐시에 공간이 부족할 때 가장 오랫동안 참조되지 않은 항목을 제거하고 새로운 항목을 삽입하는 형식으로 동작된다. LRU 동작 과정 빈 캐시안에 순차적으로 캐시를 채워준다. 4번째 값인 8을 사용할때 참조할 수 있는 캐시가 없으므로 가장 오랫동안 참조되지 않은 값인 1을 삭제 후 .. 2022. 2. 10.
[CSS] CSS란? CSS(Cascading Style Sheets)란? 사용자에게 문서를 표시하는 방법을 지정하는 언어이다. HTML로 웹 페이지의 틀을 제작하고 거기에 디자인을 해주는 것이 바로 CSS이다. CSS의 특징 규칙 기반 언어이다. 웹 페이지의 제목 및 링크의 색상과 크기 변경을 할 수 있다. 웹 페이지의 레이아웃을 만드는데 사용할 수 있다. 애니메이션과 같은 효과도 만들 수 있다. 참고자료 CSS MDN 2022. 2. 8.
JavaScript란? JavaScript란? HTML, CSS를 사용한 정적인 웹 페이지를 동적으로 움직이도록 만들어준다. 웹을 위한 인터프리터 언어이자 객체 기반의 프로그래밍 언어이다. JavaScript의 특징 객체 기반의 스크립트 언어이다. 객체 지행형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있다. ECMAScript 브라우저의 표준안을 작성하기 위해 만들어진 표준화된 스크립트 프로그래밍 언어 22년 1월 기준 최신 버전 ES6 라이브러리 jQuery, dojo, mootools 참고자료 JavaScript MDN 2022. 1. 26.