jh.nrtv

벌써 부트캠프를 시작한 지 4주의 시간이 흘렀다는 것이 믿기지 않는다. 지난 4주를 되돌아보면 내 프로그래밍 실력이나 지식은 분명 많이 성장했다. 다만 실력과 이외에 열정이나 에너지는 힘이 많이 빠졌다는 생각이 든다. 부트캠프 합격 당시에 소중한 기회를 준 캠프측에 감사했던 마음과, 6개월 불태워보겠다던 나는 온데간데 없고 '이정도 이해하면 됐겠지 ...? '하는 합리화만 남은 것 같다.🥲 캠프에는 정말 존경할만한 멋진 분들이 많이 계시는 것 같다. 남은 기간동안 동료분들의 실력을 질투하는것보다 자극받고 나를 발전시키는 시간이 되었으면 좋겠다.🍀 KPT Keep 내 기억력을 믿지 않고 꾸준하게 블로그에 기록하고자 했다. 욕심을 버리고 검색을 생활화했다. 규칙적인 생활, 운동 Problem 일일 블로깅이 ..

타입 기초에서 학습한 number, string, boolean과 같은 고정된 저장 공간을 차지하는 데이터를 모두 원시 자료형(primitive data type)이라고 합니다. 반면에 대량의 데이터를 다루기에 적합한 배열과 객체는 참조 자료형(reference data type)이라고 분류합니다. 이런 분류는 데이터를 저장하는 방식에 따른 분류입니다. 원시 타입 데이터 (원시 자료형) number, booleran, null, undefined, string 사물함에 이름표 달고 그 안에 바로 데이터를 넣음 데이터 값을 복사하기에 복사 후 변경해도 기존의 데이터에 영향이 없음 참조 타입 데이터 array, object, function heap 이라는 빈공간을 달고 사물함에 이름표를 달고 주소를 넣는다..

계산기 목업 만들기 (css) 버튼 입체감 만들기 box-shadow : 1px 1px 1px 1px black inset; box-shadow 속성에서 1px 1px 1px 1px black inset 값들은 차례로 각각 다음을 의미합니다. h-offset: 필수, 그림자가 수평방향으로 얼마나 떨어진 위치에서 시작할 지를 결정합니다. 양수면 오른쪽으로 떨어진 위치에서 시작하고, 음수면 왼쪽으로 떨어진 위치에서 시작합니다. v-offset: 필수, 그림자가 수직방향으로 얼마나 떨어진 위치에서 시작할 지를 결정합니다. 양수면 아래쪽으로 떨어진 위치에서 시작하고, 음수면 위쪽으로 떨어진 위치에서 시작합니다. blur: 선택, 그림자를 흐리게 할 정도를 결정합니다. 클수록 흐려집니다. spread: 선택, 그..

레이아웃 와이어프레임 : 레이아웃의 뼈대를 그리는 단계 목업( Mock-up) : 실물 크기의 모형 하드코딩 ;변수를 사용하지 않고 구구단처럼 보이기 위해서는, 각 숫자의 단을 소스 코드에 모두 출력하는 방법뿐입니다. Flexbox Flexbox로 레이아웃을 구성한다는 것은, 박스를 유연하게 늘리거나 줄여 레이아웃을 잡는 방법입니다. 1. 부모요소 flexbox - 요소들의 정렬과 관련 1) display:flex; 부모 박스 요소에 적용해, 자식 박스의 방향과 크기를 결정하는 레이아웃 구성 방법입니다. 2) flex-direction: row; - 정렬 축 정하기 부모 요소에 설정해주는 속성으로, 자식 요소들을 정렬할 정렬 축을 정합니다. 설정 없을시 기본설정 'row' main { display: f..