| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- React
- jstree
- Video
- Excel
- node
- CSS
- github
- json
- url parsing
- javascript
- Express
- jquery
- vue
- innerText
- DataTable
- Cloud
- Emulator
- Javasript
- password
- Frontend
- html
- node.js
- insertAdjacentHTML
- QueryString
- EJS
- module
- Front-End
- ajax
- Today
- Total
목록Frontend (2)
Developer's blog
Ajax에서 POST 요청을 보낼 때 흔히 사용하는 통신 옵션이 있다. 바로 dataType과 contentType인데, 오늘은 이 두가지의 차이점을 정리해보고자 한다. 먼저 Ajax를 이용하여 서버에 데이터를 POST 방식으로 전송할 때는 아래와 같은 방식을 이용한다. $.ajax({ type: 'POST', url: url, data: data, success: success, dataType: dataType }); 여기서 dataType 옵션을 살펴보자. dataType 옵션이란, 응답 값으로 서버에서 어떤 타입을 응답 받을 건지를 의미한다. 응답 값의 종류로는 JSON, HTML, TEXT 등의 값이 존재하는데, 지정하는 값에 따라 다른 응답 닶을 받을 수 있다. dataType : "JSON"..
오늘은 이미지 위에 텍스트를 올려 원하는 위치에 배치하는 기능을 개발하고자 하였다. 개발할 때의 이슈는 나는 이미지에 position: relative;를 적용시켜 개발하고자 하였다. 하지만 이미지에 해당 css를 적용시키니 기능하지 않았다. 그 이후로 여러 시행착오를 겪은 결과로 원하는 결과를 이끌어내기 위해서는 이미지와 오버레이 시키고자 하였던 텍스트를 하나의 div로 묶고 해당 div에 position: relative; 주며 이미지는 width: 100%; vertical-align: middle; 를 통해 꽉채우고 텍스트에 position: absolute; 를 적용시켜 개발해야한다는 것을 알게되었다. 아래는 개발된 html 코드이다. { 어린이 생활 과학 교실 } 수료증 홍길동 아래는 개발..