코드스테이츠 BEB 07

1주차

Build a Responsive Website | HTML, CSS Grid, Flexbox & More 학습로그부트캠프 섹션1, 1주차 2일차 학습토픽은 HTML/CSS다.주어진 학습 내용은 대부분 한번 학습했던 내용이어서 같은 주제의 심화 또는 실전 내용을 공부하

Linux기초, NPM, NVM 기초적인 내용이라 별도로 포스팅 하지 않음 Git Workflow ssh 등록 gh cli Git Basics

HTML 요소들을 객체화 하여 조작하기 편리하게 만든 모델document 하위 DOM 객체에 대해서도 querySelector 적용 가능하다.유연한 querySelector 예시배열처럼 동작하지만 배열의 인터페이스를 모두 제공하진 않는다.성능이나 가독성을 위해 임시로

event 이벤트 목록 -mdn event.target : 클릭된 엘리먼트 자체 event.current.target : 이벤트가 등록된 엘리먼트 https://ko.javascript.info/bubbling-and-capturing regex method cs

고차함수 고차함수의 정의 정의에 앞서 알아두어야 할 개념들 일급객체 변수에 할당 가능 다른 함수의 인자로 전달 가능 다른 함수의 결과로 리턴 가능 함수 표현식 함수표현식은 완전히 호이스팅되지 않아 선언전에 사용할 수 없다. 따라서 코드가 절차적으로 엄격해지고, 유지보

선언형'선언형'이란 코드를 자세히 분석하지 않고, 코드의 의미를 파악할 수 있게 작성하는 것jsx를 활용해서 한 파일에 컴포넌트 단위로 코드를 모아 의미의 직관적 파악이 가능컴포넌트기반컴포넌트란 기능 단위로 여러 코드를 묶어놓은 것독립적이고 재사용가능한 단위로 컴포넌트

React SPA SPA 전체 페이지를 요청마다 렌더링 하는 것이 아니라 필요한 부분만 렌더링하는 것 초기 로딩속도가 느리다 사용자 경험이 향상된다 서버 부하가 줄어든다 검색엔진 최적화가 어렵다 React Router React Router 라이브러리 활용 React

State & Props State : 변할 수 있는 것, 컴포넌트 내부에서 변화 가능 Props : 외부로 부터 전달받은 값 `` 컴포넌트의 state와 props states : 이름, 성별, 생일 props : 나이, 사는 곳, 취업여부 props proper

부트스트랩 현재 주어진 과제는 advanced까지 모두 구현하여 오늘 하루는 bootstrap을 공부해보기로 했다. 매번 아이디어를 서비스로 옮길때마다 프런트엔드의 벽에 부딪혀 좌절하곤 했다. 아무리 서버 api와 비즈니스 로직이 잘 짜여있더라도 UI/UX의 완성도가

slice : 원본은 변하지 않고, 잘려진 배열을 반환array.slice(start, end)array.slice()를 활용해서 얕은 복사 가능하다.splice : 배열의 기존 요소를 삭제나 교체하거나 새 요소를 추가할때 사용된다.splice는 원본 배열을 변화시키는

https://homoefficio.github.iohttps://velog.io/@yesdoing\[https://exploringjs.com/es6/ch_tail-calls.html여러 글을 읽으면서 이해하는 중... 아직 어렵다.재귀함수

어차피 레퍼런스 코드는 공개되어 있으니 포스팅해도 상관없을듯내 코드가 더 멋지고 컴포넌트화 잘 되어 있다 생각한다.

callback 패턴event register 패턴DOM Element의 이벤트 핸들러타이머타이머 API, 애니메이션 API서버에 자원 요청 및 응답fetch API, AJAX(XHR)I'm stuck in a event loop

자바스크립트는 왜 싱글스레드?

시험봄.퀴즈는 실수(?) 혹은 착각해서 한문제 날리고몰라서 한문제 날리고 두문제 날렸음아 코플릿에서 깊이우선탐색을 loop안에서 돌때 return 값이 제대로 반환되지 않게 구현한 것을 고치다가 시간이 많이 흘렀음아래와 같이 처음부터 구현했는데, 이 경우 dfs의 한쪽

오늘 학습한 내용의 대부분은 내 블로그 시리즈 모든 개발자를 위한 HTTP 지식 강의정리 노트에서심화 학습한 내용이므로, 해당 시리즈 링크로 갈음한다.최초 수강시 가볍게 들었던 강의를 집중하며 다시 듣고, 블로그를 다시 정리했다.코스에서 제공한 mdn 문서 등도 함께

리액트는 컴포넌트 단위로, 상향식으로 개발을 진행한다. 때문에 단위 테스트가 쉽고, 확장성이 좋다.하나의 컴포넌트는 SRP에 따라 하나의 역할만을 수행하도록 설계한다.리액트의 데이터 흐름은 폭포식 단방향이다. 데이터 흐름 설계시 어떤 데이터를 상태(state)로 관리하

상태는 변화하는 데이터, 프론트엔드에서는 동적으로 표현되어야 할 데이터

CORS 리뷰 Cross Origin Resource Sharing 다른 서버에 있는 자원을 요청해서 사용하는 것. 기본적으로 보안상 이유로 브라우저에서는 cors를 제한한다. cors가 제한되는 문제는 서버사이드에서 해결해준다. 서버에서 클라이언트 보내는 respo

binary search사소한 부분에서 막혀 엄청 고생한다. 연습 또 연습...자바스크립트는 몫 연산자가 없으니까 나눗셈시 항상 parseInt() 해주어야 한다.(파이썬에서는 // 연산자로 가능했는데, JS는 해당 연산자를 주석표시로 사용한다.)

배열을 입력받아 차례대로 배열의 첫 요소와 마지막 요소를 키와 값으로 하는 객체를 리턴해야 합니다.패스연이율을 입력받아 원금이 2배 이상이 될 때까지 걸리는 시간(년)을 리턴해야 합니다.패스수를 입력받아 2의 거듭제곱인지 여부를 리턴해야 합니다.패스문자열을 입력받아 문

오라클 인스턴스에서 가동중인 db의 시간대가 맞지않는 문제가 발생해서 찾아봤다..현재 timezone 확인SELECT @@GLOBAL.time_zone, @@SESSION.time_zone;첫번째 시도set global time_zone = 'Asia/Seoul';se

sequelize cli 활용db migrate생성자db 객체에 새로운 모델 삽입

공식문서를 생활화하자 정말로... 블로그 틀린거 너무 많음블로그에 올린 코드들도 공식문서꺼 복붙한 경우가 대부분이고,잘못된 경우도 엄청많아서 무지성으로 블로그만 밑고 코딩하다가 엄청 고생했네...

mongosh "mongodb+srv://cluster0.cr8dvwh.mongodb.net/myFirstDatabase" --apiVersion 1 --username <username>아래의 단어들을 잘 기억하자.도큐먼트필드값컬렉션 : MongoDB의 도큐먼트

OAuth

aws docker image 배포

블록체인 Intro -1 화폐의 역사 실물화폐 금속화폐 신용화폐 중앙정부의 컨트롤 필요 화폐의 기능 교환의 매개 가치의 척도 가치의 저장 bitcoin as currency? 교환의 매개 : 피자데이, 실사용 사례 적음 가치의 척도 : 변동성 심함, 스테이블 코인의 등

거듭제곱을 구하는 문제다. 문제에 로그시간내에 풀어라고 명시되어 있다.일반적인 반복문을 활용해서 상수시간으로 풀려고 했다. 콘솔에서는 제대로 작동했지만 실제 테스트에서는 에러가 났다. 메모리 초과로 예상된다.문제에서 주어진 조건과 주의사항을 꼼곰히 파악해야한다. 출제자

스프린트

정렬함수의 매개변수로 callback을 선언한다.해당 콜백함수가 인자로 들어오지 않을때도 정상 작동해야하므로 default 값을 지정해줘야 한다.default는 해당 값을 그대로 반환해주는 함수로 한다.재귀적으로 호출할때도 callback을 그대로 넣어줘야함을 잊지 말

암호화폐의 특징을 이해할 수 있다.CBDC(중앙은행 디지털 화폐)와 암호화폐의 차이점을 이해할 수 있다.거버넌스의 개념과 크립토 이코노미의 특징을 이해할 수 있다.코인과 토큰의 차이점을 설명할 수 있다.기존 토큰 이코노미의 문제점을 이해할 수 있다.블록체인에서의 토큰

트릴레마를 고려해야 하는 이유

학습목표 블록체인에서 채굴이 무엇인지 설명할 수 있다. 채굴 노드가 무슨 일을 하는지 이해할 수 있다. 채굴과 관련된 다양한 개념들(보상, 거래 수수료, 해시율, TPS, 채굴 풀)에 대해 이해할 수 있다. 다양한 블록 생성 및 보상방안(합의 알고리즘)에 대해 설명할

일회적으로 정리하고 넘어가지 않기 위해 일정한 컨벤션으로 노트를 작성한다.핵심 단어에 부연설명을 하기 위해 이모지를 활용한다.✅ : 이해했음❓ : 일부 이해하지 못함❌ : 전혀 이해하지 못함🍒 : 중요한 내용🥑 : 중요하지 않은 내용😢 : 잘 모르겠음😎 : 잘

오늘은 솔로데이라 node-auction 프로젝트를 진행했다.관련 포스팅은 여기

노트정리 규칙블록체인에서의 노드에 대해 이해할 수 있다.노드의 종류와 구성에 따른 기능을 이해할 수 있다.(실습) 이더리움 블록체인에서 계정과 트랜잭션을 생성하고 채굴을 할 수 있다.일반적으로 연결리스트의 구성요소를 의미한다. 노드는 값과 다른 노드의 주소에 대한 포인

노트정리 규칙스마트 컨트랙트를 설명할 수 있다.비트코인에서의 스마트 컨트랙트를 설명할 수 있다.UTXO의 동작원리를 이해할 수 있다.비트코인 스마트 컨트랙트의 한계를 이해할 수 있다.이더리움에서의 스마트 컨트랙트를 설명할 수 있다.EVM과 솔리디티를 이해할 수 있다.스