일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- 코딩
- js
- 프로그래머스 코딩테스트
- 프로그래머스코딩테스트
- next.js 에러
- 코테스터디
- 1일1코테
- 정보처리기사
- 프로그래머스 코테
- 알고리즘공부
- 코테준비
- 알고리즘문제
- 프로그래머스 레벨0
- 자바스크립트
- next.js
- 프로그래머스 알고리즘
- CSS
- 개발자
- html
- 알고리즘스터디
- 프로그래머스 Lv.0
- 프로그래밍
- mysql
- 코테공부
- Redux-Toolkit
- 프로그래머스
- 코딩테스트
- 프로그래머스알고리즘
- 프로그래머스코테
- 정처기기출
- Today
- Total
목록📌 Language (61)
계발하는 개발자
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/DnGSj/btrT9Ok7zhx/vUwGNFqk7vK7DqYmcjy2R1/img.png)
box-sizing은 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성이다. [ Box-sizing 속성 ] 1) border-box: - 테두리를 기준으로 크기를 정함 - border, padding, margin은 따로 계산되어 전체 영역이 설정값보다 커질 수 있음 2) content-box: - 콘텐트 영역을 기준으로 크기를 정함 - border, padding, margin을 모두 합산하여 콘텐트 영역이 설정값보다 작을 수 있음 [ 문제 인식 ] box1 box2 위 코드로 짜여진 블록요소들(box1, box2) 의 크기는 같을까? 테두리를 제외한 알맹이(=콘텐트)만 본다면 같다 할 것이다.box1은 border: 10px을 줘서 약간 커진 데 반해, box2는 border: 30px을 준..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/EPmkY/btrTa52d4p0/sMKADjKn1K2jndrShDqP5k/img.jpg)
입&출력 방법 및 형태 출력 방법 alert( ): 특정 메시지를 상대에 알림 a.k.a 경고창 document.write( ): 출력 결과를 팝업이 아닌 웹브라우저 화면에 표시 console.log( ): 출력 결과를 콘솔창에 표시 (F12-콘솔 탭 or Ctrl+Shf+J) typeof( ): 다음 변수의 자료형을 조회 입력 방법 confirm( ): 특정 사안에 대해 상대가 선택할 수 있게 표시 a.k.a 선택창 prompt( ): 상대에게 특정 값을 입력하라고 요청 a.k.a 입력창 출력 형태 undefined: 값이 할당되지 않은 상태 null: 유효하지 않은 값 연산자 (산술/할당/비교) 연산자 종류 산술 연산자: +, -, / * 등 산술적인 계산을 하는 연산자 2 + 1 3 * 5 10 %..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bcpjxp/btrTaAapPuw/zrPlj4a5jb7TLrsmVpxU20/img.png)
변수란? 값이 여러 번 달라질 수 있는 데이터. (반대로) 상수란, 값을 한 번 지정하면 바뀌지 않는 데이터 나이 = 올해 연도 - 태어난 연도 + 1 = 값이 언제든 변하는 '변수' = 값이 항상 일정한 '상수' 변수 선언 규칙 영문자, 언더스코어(_), 숫자를 사용 첫 글자는 영문자, _ 기호, $기호를 사용 띄어쓰기나 그외 기호는 x Ex) today, _today, today24 (사용 가능) Ex) 24today, today 24, *today (사용 불가) 여러 단어를 연결할 때는 하이픈이나 언더스코어, 대문자 혼용 가능 Ex) total-area, total_area, totalArea 등 변수 명은 의미있게 작성 변수 선언 (단일 변수) var + 변수 var currentyear; var..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ebbgTd/btrSJyqcMfK/spKVSZXe9P3UAfnN6DeObK/img.jpg)
📂Flexbox란? CSS의 display 속성 중 하나로, 요소들의 레이아웃 , 정렬 , 그리고 간격을 설정 하는 데 사용할 수 있다. Flexbox 구성요소 - container, item Flexbox를 구성하는 요소들에는 container와 item 두 개념을 들 수 있다. 먼저 위 코드블럭에서처럼 각각의 input들을 감싸는 container가 있다. 여기서 container는 "button" 클래스명의 태그다. container는 flexbox를 사용하기 위해 필수적이며, 지금부터 소개할 여러 속성값을 통해 요소 배치 및 배열 등 적절한 효과를 줄 수 있다. *참고로 flexbox를 사용하기 위해선 container에 반드시 display:flex 속성을 넣어주어야 한다! item은 flexb..