# front

222개의 포스트
post-thumbnail

[자바9]javascript와 HTML 1

(저번 시간에 이어서)한 개의 = 는 value를 할당하는 것이다.age === 100 는 age가 100이라면? 을 확인하는 것이다.age !== 100 은 age가 100이 아니라면? 이라는 것이다.콘솔에 document를 입력하면 내가 작성한 HTML을 가져올 수

5일 전
·
0개의 댓글
·

Svelte 구축할 때 경험에 의한 장단점

내가 임시 글에 장황하게 쓰다 말았는데, 원래는 내 경험에 입각하여 소개하려고 했으나, 너무 거품 쩔어서 그냥 간략하게 작성하도록 하겠다. 내 경험에 입각한 의견이 많으니, 크로스체크는 본인에 맡긴다.

2023년 3월 20일
·
0개의 댓글
·
post-thumbnail

[자바8]OR연산자와 AND연산자 조건문2

else if는 else에 if를 더한 것입니다. 즉, 이 if가 false일 때 한가지 condition을 추가해줍니다.if문이 true이면 console.log("Plase write a number");가 실행되고, 이 condition(age < 18)이

2023년 3월 17일
·
0개의 댓글
·
post-thumbnail

[자바7]isNaN과 조건문1

사용하는 법은 이렇습니다!이 방법을 if문을 사용해서 응용해보겠습니다.사용자가 만약 number를 입력하지 않으면 어떻게 될까요?number가 아닌 string을 text에 입력하였을 때는 코드에 적었던 것처럼 number를 입력해달라고 나오게 됩니다.이번에는 else

2023년 3월 17일
·
0개의 댓글
·

[HTML] 검색, 로그인 폼 구현하기

method - 배송 방법action - 받는 사람form 안의 요소 - 편지 내용

2023년 3월 16일
·
0개의 댓글
·
post-thumbnail

큐(Queue)

큐는 스택과 마찬가지로 데이터를 일시적으로 쌓아 놓는 자료구조이다.

2023년 3월 14일
·
0개의 댓글
·

CSS - tailwind

tailwind: 엄청나게 큰 CSS 프레임워, 클래스명으로 스타일을 적용한다 flex와 같이 쓰면 엄청 편함전공식문서https://tailwindcss.com/여기서 검색가능https://nerdcave.com/tailwind-cheat-sheet

2023년 3월 13일
·
0개의 댓글
·

CSS - position

position: 웹 문서 안 요소들을 어떻게 배치할 지를 정하는 속성static 기본값, 사람화, 겹치기 불가능relative : 너비 유지, 겹치기 불가능, 유령화top, left, right, bottom으로 이동, 기준이 현재위치absolute : 너비 최대한

2023년 3월 13일
·
0개의 댓글
·

CSS - display

display 태그는 화면에 어떻게 드러나게 할지를 결정하는 속성display 속성값은 4가지 none: 화면에서 사라짐block: div가 갖게되는 기본값너비가 설정되어 있지 않다면, 최대한으로 넓어진다.높이가 설정되어 있지 않다면, 최소한으로 줄어든다.블록화, li

2023년 3월 13일
·
0개의 댓글
·

CSS- 선택자

A = Type SelectorA B = Descendant Selector.classname = class 선택자, Class SelectorA.className = Combine the Class SelectorA, B = Comma Combinator= 자식 요소

2023년 3월 13일
·
0개의 댓글
·

CSS - Flex

Flex는 레이아웃 배치 전용 기능으로 고안row (기본값): 아이템들이 행(가로) 방향으로 배치됩니다.row-reverse: 아이템들이 역순으로 가로 배치됩니다.column: 아이템들이 열(세로) 방향으로 배치됩니다.column-reverse: 아이템들이 역순으로 세

2023년 3월 13일
·
0개의 댓글
·

[front] HTML/CSS 입문 사이트

https://flexboxfroggy.com/- https://cdpn.io/pen/debug/adLPwv

2023년 3월 13일
·
0개의 댓글
·

[HTML/CSS] 레이아웃 배우기

목표 : 푸터안의 텍스트를 가운데 정렬해주세요.display: flex;justify-content: center;https://codepen.io/jangka44/pen/KKprqVJ목표 : 중단부분을 마크업 해주세요.https://codepen.i

2023년 3월 13일
·
0개의 댓글
·

[HTML/CSS] relative, absolute 사용하기

4등분nth-child()로 div의 몇 번째 자식인지 알려준다.각각 top, bottom, left, right을 사용하여 위치를 설정한다.4등분한 유령들을 부모에 엘리먼트에 가두기position:relative를 사용하여 section안에 가둘 수 있다. 수평 중앙

2023년 3월 13일
·
0개의 댓글
·

[HTML/CSS] block, inline-block

display 속성 정리 |종류|inline-block, inline|block| |-------|------|-----| |너비|너비 최소화|높이 최대화 |높이|높이 최소화|높이 최대화 |본질|글자화|블록화 |line 사용|한 줄에 최대한 여러 개가 나온다.|한 줄을

2023년 3월 13일
·
0개의 댓글
·

Thymeleaf, th문법

타임리프 문법

2023년 3월 8일
·
0개의 댓글
·

[front] TOAST UI, CodePen - 뷰어, 플러그인

링크 넣을 때는 \[<링크 내용>]<링크 주소>이미지를 넣을 때는 !\[img : <이미지 내용>]<이미지 주소>

2023년 3월 7일
·
0개의 댓글
·

[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

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

codepen

codepen.iohtml+css+javascript를 실습해볼수 있는 사이트 이다.확실히 편하다.업로드중..

2023년 3월 6일
·
0개의 댓글
·
post-thumbnail

toastUI

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

2023년 3월 6일
·
0개의 댓글
·