일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 프론트엔드
- button
- IOS
- 비전공자
- ipad
- hover
- css3
- php
- HTML
- 개발자
- keyframes
- 자바스크립트
- react
- jQuery
- Animation
- 풀스택
- html5
- effect
- xcode
- CSS
- 백엔드
- image
- front-end
- iOS 개발자
- 비전공 개발자
- 애니메이션
- SWIFT
- javascript
- MAC
- iPhone
- Today
- Total
목록백엔드 (156)
비전공자 개발일기
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/k8KrX/btrjEUPkLbH/uaD0PaER5mIi8QjoBOjniK/img.jpg)
TV Show Search Search body { text-align: center; } img { margin: 10px; } const form = document.querySelector("#searchForm") form.addEventListener("submit", async (e) => { e.preventDefault(); const searchTerm = form.elements.query.value; const res = await axios.get(`https://api.tvmaze.com/search/shows?q=${searchTerm}`); // console.log(res.data[0].show.image.medium); makeImages(res.data); form.ele..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/KhzOn/btrjBxF1KWz/Gz4mr9thzjpljkpDT37yfK/img.jpg)
To Do List Add list 제목: 1 제목: 2 제목: 3 제목: 4 body { text-align: center; } #add-btn { padding: 5px 10px; border: 0; background: #f80; color: #fff; border-radius: 5px; } .container1 { border: 5px solid #2244ff; border-radius: 20px; width: 30%; margin: 10px auto; background-color: antiquewhite; color: #a52a2a; } .container2 { border: 2px solid #000; border-radius: 20px; width: 70%; margin: 10px auto..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/quDzV/btrjr1s6xnJ/Ne0cenKqxYPk4B3q4Alf7K/img.jpg)
Light BOX 일본 사진 일본의 경치를 느낄 수 있는 사진들... 1 2 3 x * { margin: 0; } body { padding: 20px; } header img { width: 150px; } h1, p { font-weight: normal; margin: 5px 0; } /* 라이트 박스 컨테이너 */ #lightbox.active { position: absolute; overflow: hidden; background: #333; width: 800px; height: 540px; left: 50%; margin-left: -400px; top: 50%; margin-top: -250px; box-sizing: border-box; padding: 30px; z-index: 99;..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bhY18r/btrjlqHpsyR/X9xihxGOlO2ikVrQnKDAt1/img.jpg)
Calendar 이전 달 년 월 다음 달 일 월 화 수 목 금 토 * { text-align: center; margin: 10px auto; } #calendar_wrap { background: #333; width: 350px; } caption { font-size: 1.5em; color: #ffa500; padding: 10px; } caption #prev, caption #next { display: inline-block; font-size: 5px; text-decoration: none; color: #fff; padding: 5px; margin: 10px; } table, th, td { color: #fff; border: 1px solid #666; border-collapse..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bdkcbC/btrjl9qYaTN/WXKlRu8pYDgK3nGzAlRbZ0/img.jpg)
Dark mode @import url('https://fonts.googleapis.com/css?family=Heebo:300&display=swap'); * { box-sizing: border-box; } :root { --primary-color: #000; --secondary-color: #fff; } html { transition: all 0.5s ease-in; } html.dark { --primary-color: #fff; --secondary-color: #333; } html.dark { background-color: #111; color: var(--primary-color); } body { font-family: 'Heebo', sans-serif; display: fle..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/JGRnj/btrjc6ahMIh/eHccRSQHUoBhKZ0ZLxYAl0/img.jpg)
My Website Home About Services Contact Welcome To My Website Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores, consequuntur? Content One Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ratione dolorem voluptates eveniet tempora ut cupiditate magnam, sapiente, hic quo in ipsum iste soluta eaque perferendis nihil recusandae dolore officia aperiam corporis similique. Faci..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Hp6wJ/btri86m7soX/11dqmRsGSDbYwvFN6mNpK1/img.jpg)
Enter all of the choices divided by a comma (','). Press enter when you're done @import url('https://fonts.googleapis.com/css2?family=Muli&display=swap'); * { box-sizing: border-box; } body { background-color: #2b88f0; font-family: 'Muli', sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; overflow: hidden; margin: 0; } h3 { color: #ff..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cIROnW/btriSKUlWHx/ZJoN2eHbYaRvovbcAdTnBk/img.jpg)
Pokedex @import url('https://fonts.googleapis.com/css?family=Lato:300,400&display=swap'); * { box-sizing: border-box; } body { background: #efefbb; background: linear-gradient(to right, #d4d3dd, #efefbb); font-family: 'Lato', sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; } h1 { letter-spacing: 3px; } .poke-container { display: flex; f..