프로그래머스 데브코스

오늘은 클라우딩 애플리케이션 엔지니어링 1기 시작일이었다!13시에 줌을 통해 행정, 기타 공지 내용에 대해 설명해 주셨다.설렘 반, 간장 반이다. 오늘부터 시작해서 TIL을 매일 써볼 예정이다.오늘은 간단하게 HTML /CSS 입문과 개요에 대해서 공부했고 / 맥 환경

데브코스 TIL 2일차 HTML, CSS 에 대해서 (글 수정 예정)

HTML II 📌콘텐츠 > 제목 태그(h1 ~ h6) 문단 태그(p) 서식 태그(b/ strong, i/em, u, s/del) 링크 이동(a) 멀티미디어 리스트 표(table) 외부 콘텐츠(iframe) h1 ~ h6 문서 구획 제목을 나타내

CSS I 📌css에 대한 이해 > 1. CSS? 기본문법 속성과 값 내부 CSS,외부 CSS,inline CSS > ### CSS : (Cascading style sheets): 웹 문서를 꾸미기 위한 style sheet 언어 스타일은 속성(prop

CSS II 📌박스모델 - 크기 지정, 여백 > #### width, height 박스의 너비, 높이를 지정할 수 있다. "블록 레벨 요소" 에서 사용할 수 있다. auto 값을 사용해 브라우저가 값을 계산해 지정하게 할 수 있다. max-width, m

개념 알기, HTMLCSS하나의 웹사이트에서 pc, tablet,mobile 등 접속하는 기기의 화면 크기의 맞게 사이트가 자동으로 반응하는 기법적응형? : 접속하는 기기에 따라 pc용 웹사이트, 테블릿/모바일용 웹사이트를 보여주는 기법반응형 페이지를 만들기 위한 메타

데이터를 담는 변수데이터의 형태가공을 위한 함수를 생성flow control, 빌트인 객체실행을 위한엔진언어가 갖고 있는 매커니즘Error 처리 브라우저에서파일이load되고실행데이터를 조회하고: 비동기보여주는과정: Rendering인터렉션이 되도록 셋팅: Event유저

데이터를 처리하는 과정에서, 처리 흐름마다 값들을 기억해둘 필요가 있다.컴퓨터는 데이터를 기억하기위해 메모리를 활용메모리란: 컴퓨터의 기억장치메모리메모리에 데이터를 담아 기억각각의 위치 주소값이 존재위치를 찾기 위해서는 메모리의 주소값사용메모리 주소값을 대신할 식별자를

하나 이상의 표현식을 대상으로 연산을 수행하여 하나의 값을 만든다.Void, typeof, delete두 개의 숫자 값 을 피연산자로 받아서 하나의 숫자 값을 반환단항 산술 연산자이항 산술 연산자단항 산술 연산자는, 1개의 피 연산자를 산술 연산하여 숫자값을 반환\++

데이터 처리 > 객체와 빌트인 객체 그리고 매커니즘 📌 객체란 속성을 가진 독립적인 개체 객체는 속성(프로퍼티)으로 구성된 집합 자바스크립트는 객체기반의 프로그래밍 언어 속성 property 키와 값 사이의 연결관계 속성 접근 방법 마침

가계부 서비스 만들기 프로젝트 spec과 user story 개념 정리 User flow 정리

📌레이아웃, 기본 api 요청 📌로딩 ui 📌랜덤버튼 📌모달제어 📌로컬스토리지 최근 검색한 keyword를 Searchinput아래에 표시되도록 만들고, 해당 영역에 표시된 특정 키워드를 누르면 그 키워드로 검색이 일어나도록 만듭니다. 단, 가장 최근에

📌api request 처럼 성공 실패가 확실하지 않은 경우에는 되도록 try catch문을 쓰고, status에서 error를 만들어줄때는 throw문을 쓴다. 📌모듈화 ES6 module 형태로 코드를 변경합니다. webpack, parcel 과 같

오늘은 과제가 있는 날이었다.자바스크립트 과제였고 4시간을 주고 미션을 구현하는 문제다.처음 개발 공부를 시작할 때 자바스크립트를 3달 정도 공부 후 바로 리액트로 넘어가고부터는자바스크립트에 대해 깊게 공부하지 않았고 리액트를 쓰다가 자바스크립트로 구현을 하니 조금 어

오늘도 과제가 있었다. 저번 과제는 화면 구현을 어떻게든 해서 모듈화나 리팩토링이 부족했던 것 같아 이번에는 모듈화부터 진행하면서 시작했다. api 오류 하나 잡는데 거의 1시간을 써서 마지막 10초 남기고 제출을 했

피그마 > #### 피그마는 기본적으로 백터 기반의 ui 디자인 툴이라는 점에서 훨씬 더 생산성,효율적 이다. 벡터: 점과 점을 연결해서 수학적인 원리로 그림을 표현(svg) 확대를 하거나 축소를 해도 깨지는 부분이 없다. 비트맵: 특정 색상값을 갖는 점(픽셀의

디자인 시간을 획기적으로 단축시킬 수 있다.레이어를 선택하고 단축기 shift + a 하면 좌측 레이어 패널에 오토레이아웃 하위로 묶임ctrl + z (이전 상태로 돌아감)오토레이아웃을 추가하면 기본적으로 균등한 마진값을 가진채로 자동으로 정렬된다.제거하려면 (단축키

📌프로토타입 제작하기 📌준비 - 레퍼런스 찾기 핀터레스트 https://www.pinterest.co.kr/ WWIT https://wwit.design/ 📌준비 - Unsplash 리소스 다운받기 언스플래시: 무료 이미지 및 사진(https://unsp

React에서 dom 조작하기 세부목표 > - 일기 저장 버튼을 클릭했을 때 작성자와 일기가 정상적으로 입력되었는지 확인하고 아니라면 focus 하기 상수에는 React.MutableRefObject 라는게 저장이된다. React에서 리스트 렌더링 하기 세부목표