일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- hardhat
- node.js
- graphQL
- solidity
- concept
- Redux
- express.js
- CLASS
- tailwindcss
- bitcoin
- built in object
- evm
- 삶
- API
- Interface
- useState
- Props
- REACT
- CSS
- blockchain
- typeScript
- SSR
- 기준
- web
- Ethereum
- error
- HTML
- JavaScript
- nextJS
- middleware
- Today
- Total
목록전체 글 (369)
ReasonJun
declaration method built-in way inline method Link method ⇒ Parallel method import method @import url("./box.css"); css selector basic // Universal Selector * { color: red; } // Type Selector li { color: red; } // Class Selector .orange { color: red; } // ID Selector #orange { color: red; } complex // Basic Combinator span.orange{ color: red; } // Child Combinator ul > .orange { color: red; } //..
img => The web page may not load the image immediately, but only when the user triggers an event to view the image. => The browser shows the optimized picture according to the status of the web page the user is viewing (considering size, sharpness, etc.). picture or "(min-width: 800px)" or "(min-width: 500px)" "(min-height)" or media="(orientation: portrait) and (min-width: 800px)" ⇒ You can dec..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bmpeNq/btsiOINHzQ9/2yKStwYiohKpwWlTJMGK80/img.png)
BEM (Block Element Modifier) is a popular naming convention and methodology for organizing and structuring CSS classes in web development. It provides a systematic approach for naming and styling HTML elements to enhance code maintainability and reusability. The BEM methodology follows a specific naming convention that consists of three parts: Block, Element, and Modifier. Block: A block represe..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cLl0XC/btsiOhbGeYW/WblCZXZ1rmKSdMGcaK3v30/img.png)
Viewport - `width=device-width`: Apply the same width as the width of each device - `initial-scale=1.0`: Set the initial screen scale (magnification degree) of the screen - `user-scalable=no`: Set whether the user can expand (`yes`)/reduce (`no`) the device screen - `maximum-scale=1`: The maximum value that the user can scale the screen to - `minimum-scale=1`: the minimum value that the user can..
DIV The element is a versatile container that is often used for grouping and structuring content. It has no inherent meaning and is primarily used for styling purposes or as a container for other elements. Hello World => Stack vertically. => has the largest size. => possible => possible Hello World Hello World p The element represents a paragraph of text. It is used to structure and separate blo..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/21Juq/btsiPjGMa7g/nZYyhIu5wN6DC7rWTXbdpK/img.png)
In HTML, inline elements are those that are typically used within a line of text or alongside other inline elements. Unlike block-level elements, inline elements do not create a new line or a distinct block on the webpage. This mean inline do not have height. Here are some commonly used inline elements: span Hello World => Line breaks become spaces. => Hello World => For spacing to be applied al..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cAS8t9/btsiOklqN4I/OosTXdB5cmSKhY4ki72I7k/img.png)
Favicon A favicon, short for "favorite icon," is a small icon that represents a website or webpage. It is typically displayed in the browser's address bar, next to the page title, and in browser tabs. Favicon files are generally saved in the ICO (icon) format, but other image formats like PNG can also be used. To add a favicon to an HTML document, you need to include a element in the section of ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cZdwGm/btsiNa4pjEx/ibA8stxFvO0RkW0Bav9Lw1/img.png)
This is the basic structure of an HTML document. Let's go through each part: : This is the document type declaration. It informs the browser that the document is an HTML5 document. : This is the opening tag for the root element of the HTML document. The lang attribute specifies the language of the document, in this case, English. : This is the head section of the document. It contains meta-infor..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bfNZej/btsdemXYMfl/sDvAtk9ckYxXMY55ylDzj1/img.jpg)
서울 시청역에 있는 그레이스리(Gracery) 호텔이다. 이 호텔은 2018년 8월 31일에 그랜드 오픈한 호텔이고, 위치가 서울의 중심이라고 할 수 있는 시청역에 있어서 서울에 있는 관광지나 맛집, 카페를 이용할 때 편리한 접근성을 보장하고 있다. 그리고 그레이스리 호텔은 일본의 유명한 비즈니스호텔 체인이라고 한다. 시청역에서 내려서 숭례문 쪽으로 가다 보면 사진과 같은 길쭉하고 틈새를 알차게 파고든 것 같은? 건물이 보인다. 외관부터 깔끔한 게 실내도 만족스러울 것 같은 느낌이 든다. 다만 외관을 보면서 조금 걱정스러웠던 건 건물의 폭이 좁아서 혹시 방이 작진 않을까? 하는 걱정이 생겼다. 호텔 1층에는 스타벅스랑 CU 편의점이 있다. 화살표 방향으로 들어가면 11층에 있는 프런트로 갈 수 있는 엘리..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/wvgsR/btsdhzbqK8h/UB0fQQkka20jr4JvC5s741/img.jpg)
2021. 4. 19 서울식물원을 갔다. 예전에 '비긴어게인'에서 너무나도 이쁜 정원에서 공연을 하는 것을 보고 어디인지 궁금했는데, 따뜻한 봄의 품 안에서 만개했을 꽃들을 상상하면서 찾아갔다. 서울식물원의 주차장에서 조금만 들어가면 보이는 모습이다. 푸른 하늘과 활짝 펴있는 튤립, 그리고 식물원에 들어가려는 수많은 사람들이 바로 이곳이 그 핫하게 아름답다는 서울식물원임을 보여주고 있었다. 너무나도 핫하기에 식물원 안으로 들어가려는 줄이 상당히 길었다. 줄이 조금은 짧아지길 바라면서 식물원 2층부터 천천히 둘러보았다. 2층에는 식당과 카페, 기프트숍, 전시, 홍보 등이 이루어지고 있었다. 식물원에 있는 만큼 파릇파릇한 식물들로 채워져 있어서 꽤나 이색적인 분위기를 연출하고 있었다. 그리고 다양한 식물들을..