오늘은 현모모 해커톤에 참여하느라 부트캠프에 실시간으로 참여못하여 아쉽다.. 모든 학습을 참여하고 싶었는데 주말에 유어클래스를 통해 따라가야겠다. 해커톤 중간에 블로그 챌린지를 쓰니 재미있다. 앞으로 7시간이 남았는데 언제 집에 갈 수 있을까? 집에 가고 싶다.. 집에

부트캠프를 시작한지 벌써 2주차가 다되어간다. 오늘은 시작부터 pairprogramming을 진행했다. 1주차에 html과 css를 이용하여 계산기를 목업 만들었다. 이번 시간에는 js를 이용하여 실제로 계산이 가능한 계산기를 구현하는 것이 미션이었다. nightmar

오늘은 어제 배웠던 js 반복문, 조건문, 함수를 이용하여 pair와 함께 코플릿 문제를 풀었다. 백준 단계별 문제를 푸는 기분이 들었다. 이전에 봤던 문제들도 있고 새로운 문제들도 있었는데 pair분과 함께하니 재미있게 풀 수 있었다. pair분을 도와주면서 나의 실

오늘은 js 반복문, 조건문, 함수에 대해 알아봤다. do..while은 잘 사용하지않는데 오랜만에 chapter를 통해 리마인드하니 반가웠다. 연습문제의 경우 pair와 함께 풀어야하기 때문에 남겨두었더니 시간이 많이 남았다. 남은 시간동안 JS공부를 진행했다.오늘

Unit5 변수와 타입 드디어 JS와 함께 고생길 시작! 그래도 기초적인 문법은 이미 알고 있었기 때문에 chapter를 진행한 후 궁금한 내용들에 대해 추가로 공부하려고 노력하였다. > ## 변수 변수 선언과 할당의 차이 변수 선언 : 변수를 정의하고

css에서 svg의 color를 특정 조건에 따라 변경하려했을 때 어려움을 겪었음. active했을 때 inactive했을 때 class를 정해두고 조건에 맞게 react에서 삼항연산자를 사용하여 class를 지정해주고 싶었음. 이때의 나는 svg에 class를 추가할

오늘로 부트캠프를 시작하고 1주차가 끝났다. 아직까지 초반이라 시간이 부족하다거나 그렇지는 않았지만 다음주부터 JS를 시작하면 많이 힘들 듯. 오늘 가장 도움이 많이되었던 부분은 ZOOM 세션 중에 계산기축제였다. 동기분들의 계산기를 보면서 다양한 아이디어를 얻었으며

사실 flex, grid만 알면 충분할 것이라고 생각했는데 css 클론을 하다보니 포지셔닝이 매우 중요하다는 것을 깨달았다. 사실 포지셔닝 공부하기 싫어서 나 스스로 세뇌한 듯그래서 오늘은 진짜 CSS 포지셔닝을 완벽히 이해하겠다는 생각으로 새 글 작성을 눌렀다. 포지

css로 웨이브를 만든 예제를 보고 svg를 이용한 애니메이션에 관심을 가지게 되었다. 어제는 svg 색을 바꾸는 정도로만 코드를 바꿨으나 오늘은 어떻게 svg를 사용해서 애니메이션을 만드는지 알아보려고 한다.아래 영상을 참고하여 svg로 애니메이션 만드는 방식을 익혔

와이어프레임의 목적 - 화면의 영역 구분잘 짜여진 와이어프레임은 보고 어떤 목적을 가진 프로그램인지 유추가 가능하다!이전에 justify-content와 align-items이 flex-direction에 따라 기준 축이 바뀌는 것 때문에 매우 헷갈려하였는데. main

CSS는 웹에 스타일을 적용하기 위해 사용한다. ref:TCP schoolcss를 HTML에 적용하는 방법은 인라인, 내부링크 등 매우 다양하지만 외부링크를 통해 적용하는 것을 추천한다.css에서 사용할 수 있는 단위로는 상대단위와 절대단위가 있는데상대단위를 사용하는

HTML - 웹 구조를 짜는 마크업 언어CSS - 웹에 스타일을 적용해줌JS - 웹과 사용자 간의 상호작용div 과 span의 차이 : div - block 한 줄을 차지, span - line 콘텐츠만큼의 공간만 차지ul,ol,li란?목록을 작성할 때 사용함ul(순서

혼자서 공부하는 것에 한계를 느끼고 회피성 휴학을 결정한 이후 휴학동안 생산적인 활동을 하고 싶다는 생각이 들어서 들어오게 된 부트캠프. 어떻게 보면 충동적으로 신청하기도 하였으나 첫날 OT를 진행하면서 좋은 선택이라는 생각이 들었다. 개인적으로 학습 능력을 키우는 것

기본형 자료 타입은 재할당하거나 변수를 다른 변수에 저장할 때마다 값을 복사함.객체와 배열은 참조형 자료 타입이다.복사를 한 것이 아니라 객체는 메모리에 저장되어 있다. 해당 객체를 상수에 저장한 경우 그 상수는 메모리에 있는 주소를 가리키는 포인터를 저장한다.따라서

구조분할 - 배열의 원소나 객체의 프로퍼티를 추출하여 변수에 저장할 수 있도록 해줌.스프레드와의 차이?스프레드 - 모든 원소와 프로퍼티를 가져와 새 배열이나 객체 등에 전달구조분할 - 원소나 프로퍼티를 하나만 가져와서 변수에 저장배열객체

Spread ... : 배열의 원소나 객체의 프로퍼티를 나누는데 사용Rest : 배열 합칠 때 사용

new 키워드로 생성상속 (Inheritance) 다른 클래스에 있는 플로퍼티와 메소드를 상속하면 잠재적으로 새로운 프로퍼티와 메소드를 추가함ES6 ES7 생성자함수 필요 X화살표 함수 -> this 키워드 사용하지 않아도 됨

default - 파일에서 어떤 것을 가져오면 항상 default export가 내보낸 것을 기본값으로 가져온다default export의 경우 지정할 때 이름을 아무거나 사용할 수 있다.export const baseData = 10;named export의 경우 파

키워드 this로 문제로부터 벗어날 수 있음. \-> 화살표 함수 안에 this를 사용하면, 항상 정의한 객체가 나타나고 실행 중에 갑자기 바뀌지 않는다.

반복문을 돌며 배열 안의 요소들을 매핑해줌.어떻게 매핑할 것인지를 함수 안에 정의해주면 됨.map은 기존 배열을 수정하지 않고 새로운 배열을 만들어낸다.배열 안에 객체가 들어있을 경우 객체는 공유.apply - 인자를 배열로 만들어 넣음null은 this 대체this는