# front

[자바9]javascript와 HTML 1
(저번 시간에 이어서)한 개의 = 는 value를 할당하는 것이다.age === 100 는 age가 100이라면? 을 확인하는 것이다.age !== 100 은 age가 100이 아니라면? 이라는 것이다.콘솔에 document를 입력하면 내가 작성한 HTML을 가져올 수
Svelte 구축할 때 경험에 의한 장단점
내가 임시 글에 장황하게 쓰다 말았는데, 원래는 내 경험에 입각하여 소개하려고 했으나, 너무 거품 쩔어서 그냥 간략하게 작성하도록 하겠다. 내 경험에 입각한 의견이 많으니, 크로스체크는 본인에 맡긴다.

[자바8]OR연산자와 AND연산자 조건문2
else if는 else에 if를 더한 것입니다. 즉, 이 if가 false일 때 한가지 condition을 추가해줍니다.if문이 true이면 console.log("Plase write a number");가 실행되고, 이 condition(age < 18)이

[자바7]isNaN과 조건문1
사용하는 법은 이렇습니다!이 방법을 if문을 사용해서 응용해보겠습니다.사용자가 만약 number를 입력하지 않으면 어떻게 될까요?number가 아닌 string을 text에 입력하였을 때는 코드에 적었던 것처럼 number를 입력해달라고 나오게 됩니다.이번에는 else
CSS - tailwind
tailwind: 엄청나게 큰 CSS 프레임워, 클래스명으로 스타일을 적용한다 flex와 같이 쓰면 엄청 편함전공식문서https://tailwindcss.com/여기서 검색가능https://nerdcave.com/tailwind-cheat-sheet
CSS - position
position: 웹 문서 안 요소들을 어떻게 배치할 지를 정하는 속성static 기본값, 사람화, 겹치기 불가능relative : 너비 유지, 겹치기 불가능, 유령화top, left, right, bottom으로 이동, 기준이 현재위치absolute : 너비 최대한
CSS - display
display 태그는 화면에 어떻게 드러나게 할지를 결정하는 속성display 속성값은 4가지 none: 화면에서 사라짐block: div가 갖게되는 기본값너비가 설정되어 있지 않다면, 최대한으로 넓어진다.높이가 설정되어 있지 않다면, 최소한으로 줄어든다.블록화, li
CSS- 선택자
A = Type SelectorA B = Descendant Selector.classname = class 선택자, Class SelectorA.className = Combine the Class SelectorA, B = Comma Combinator= 자식 요소
CSS - Flex
Flex는 레이아웃 배치 전용 기능으로 고안row (기본값): 아이템들이 행(가로) 방향으로 배치됩니다.row-reverse: 아이템들이 역순으로 가로 배치됩니다.column: 아이템들이 열(세로) 방향으로 배치됩니다.column-reverse: 아이템들이 역순으로 세
[front] HTML/CSS 입문 사이트
https://flexboxfroggy.com/- https://cdpn.io/pen/debug/adLPwv
[HTML/CSS] 레이아웃 배우기
목표 : 푸터안의 텍스트를 가운데 정렬해주세요.display: flex;justify-content: center;https://codepen.io/jangka44/pen/KKprqVJ목표 : 중단부분을 마크업 해주세요.https://codepen.i
[HTML/CSS] relative, absolute 사용하기
4등분nth-child()로 div의 몇 번째 자식인지 알려준다.각각 top, bottom, left, right을 사용하여 위치를 설정한다.4등분한 유령들을 부모에 엘리먼트에 가두기position:relative를 사용하여 section안에 가둘 수 있다. 수평 중앙
[HTML/CSS] block, inline-block
display 속성 정리 |종류|inline-block, inline|block| |-------|------|-----| |너비|너비 최소화|높이 최대화 |높이|높이 최소화|높이 최대화 |본질|글자화|블록화 |line 사용|한 줄에 최대한 여러 개가 나온다.|한 줄을
[front] TOAST UI, CodePen - 뷰어, 플러그인
링크 넣을 때는 \[<링크 내용>]<링크 주소>이미지를 넣을 때는 !\[img : <이미지 내용>]<이미지 주소>
[front] TOAST UI, CodePen - 정의, 세팅
[TOAST UI Editor 3.0 개요] https://ui.toast.com/posts/ko_20210617 [TOAST UI Editor 튜토리얼] https://github.com/nhn/tui.editor/blob/master/docs/ko/README.md

toastUI
toast ui는 에디터이다마크다운 언어를 사용할 수 있도록 해준다지금 쓰는 벨로그도 마크다운 언어를 사용한다https://ui.toast.com/posts/ko_20210617https://nhn.github.io/tui.editor/latestht