728x90
๋ฐ˜์‘ํ˜•

์ „์ฒด ๊ธ€ 1376

createObjectURL()

https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL_static URL: createObjectURL() static method - Web APIs | MDNThe createObjectURL() static method of the URL interface creates a string containing a URL representing the object given in the parameter.developer.mozilla.org createObjectURL()์ธํ„ฐํŽ˜์ด์Šค ์˜ ์ •์  ๋ฉ”์†Œ๋“œ๋Š” ๋งค๊ฐœ URL๋ณ€์ˆ˜์— ์ œ๊ณต๋œ ๊ฐ์ฒด๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” URL์ด ํฌํ•จ๋œ ๋ฌธ์ž์—ด์„ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.

IT์ง€์‹ 2024.06.24

[js][quill] quill editor ์ŠคํŽ˜์ด์Šค๋ฐ” ๋ˆ„๋ฅด๋ฉด ๊ธ€๋จธ๋ฆฌ ๊ธฐํ˜ธ ์„ค์ •๋˜๋Š” ํ˜„์ƒ

https://imswengineer.tistory.com/770 [JS][Quill] quill editor - ์ž๋™ ๊ธ€๋จธ๋ฆฌ๊ธฐํ˜ธ ์™„์„ฑ ๋น„ํ™œ์„ฑํ™” ํ•˜๊ธฐhttps://stackoverflow.com/questions/43008547/how-to-disable-automatic-bullets-in-quill How to disable automatic bullets in Quill Just started using Quill and find it very useful. My projects require plain text editing. Specifically I'm using quill as a forimswengineer.tistory.com keyboard: { bindings: { ..

Front/JS & jQuery 2024.06.23

Clean Code TIL, 2์žฅ. ์˜๋ฏธ ์žˆ๋Š” ์ด๋ฆ„

์˜ค๋Š˜ TIL 3์ค„ ์š”์•ฝ์˜๋„๋ฅผ ๋ถ„๋ช…ํ•˜๊ฒŒ ํ•˜๋ผ์ผ๊ด€์„ฑ ์žˆ๋Š” ์–ดํœ˜๋ฅผ ์‚ฌ์šฉํ•˜๋ผ๋ฐœ์Œํ•˜๊ธฐ ์‰ฝ๊ณ  ๊ฒ€์ƒ‰ํ•˜๊ธฐ ์‰ฌ์šด ์ด๋ฆ„์„ ์‚ฌ์šฉํ•˜๋ผTIL (Today I Learned) ๋‚ ์งœ2024. 06. 23์˜ค๋Š˜ ์ฝ์€ ๋ฒ”์œ„2์žฅ. ์˜๋ฏธ ์žˆ๋Š” ์ด๋ฆ„์ฑ…์—์„œ ๊ธฐ์–ตํ•˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ์„ ์จ๋ณด์„ธ์š”.์ข‹์€ ์ด๋ฆ„์„ ์ง€์œผ๋ ค๋ฉด ์‹œ๊ฐ„์ด ๊ฑธ๋ฆฌ์ง€๋งŒ ์ข‹์€ ์ด๋ฆ„์œผ๋กœ ์ ˆ์•ฝํ•˜๋Š” ์‹œ๊ฐ„์ด ํ›จ์”ฌ ๋” ๋งŽ๋‹ค.์˜ค๋Š˜ ์ฝ์€ ์†Œ๊ฐ์€? ๋– ์˜ค๋ฅด๋Š” ์ƒ๊ฐ์„ ๊ฐ€๋ณ๊ฒŒ ์ ์–ด๋ณด์„ธ์š”ํ‰์†Œ์— ๊ฐœ๋ฐœํ•  ๋•Œ๋„ ์ด๋ฆ„์„ ์ž˜ ์ง“๊ณ  ์‹ถ๋‹ค๋Š” ์ƒ๊ฐ์„ ํ•˜์ง€๋งŒ ์ด๋ฆ„์„ ์ง“๋Š” ๊ฒƒ์— ์‹œ๊ฐ„์„ ๋งŽ์ด ์Ÿ๋Š”๊ฒƒ์ด ์˜ณ์ง€ ์•Š์€๊ฐ€๋ผ๊ณ  ์ƒ๊ฐํ•œ ์ ์ด ์žˆ๋Š”๋ฐ, ๊ทธ ์ƒ๊ฐ์„ ํ•˜์ง€ ์•Š์•„๋„ ๋œ๋‹ค๊ณ  ์ƒ๊ฐํ•˜๊ฒŒ๋ผ์„œ ์ข‹์•˜๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ข‹์€ ์ด๋ฆ„์„ ์ง“๊ณ  ์‹ถ์ง€๋งŒ ์–ด๋–ค๊ฒƒ์ด ์ข‹์€์ด๋ฆ„์ธ์ง€ ๋ชฐ๋ผ์„œ ์–ด๋ ค์› ๋Š”๋ฐ ๊ธธ์„ ์•Œ๋ ค์ฃผ๋Š” ๋‚ด์šฉ์ด๋ผ ์ข‹์•˜๋‹ค.

Clean Code TIL, ์ถ”์ฒœ์‚ฌ ~ 1์žฅ. ๊นจ๋—ํ•œ ์ฝ”๋“œ

์˜ค๋Š˜ TIL 3์ค„ ์š”์•ฝ์ค‘๋ณต์„ ํ”ผํ•˜๋ผํ•œ ๊ธฐ๋Šฅ๋งŒ ์ˆ˜ํ–‰ํ•˜๋ผ์ œ๋Œ€๋กœ ํ‘œํ˜„ํ•˜๊ณ , ์ž‘๊ฒŒ ์ถ”์ƒํ™”ํ•˜๋ผTIL (Today I Learned) ๋‚ ์งœ2024. 06. 22์˜ค๋Š˜ ์ฝ์€ ๋ฒ”์œ„์ถ”์ฒœ์‚ฌ ~ 1์žฅ. ๊นจ๋—ํ•œ ์ฝ”๋“œ์ฑ…์—์„œ ๊ธฐ์–ตํ•˜๊ณ  ์‹ถ์€ ๋‚ด์šฉ์„ ์จ๋ณด์„ธ์š”.์ƒˆ ์ฝ”๋“œ๋ฅผ ์งœ๋ฉด์„œ ์šฐ๋ฆฌ๋Š” ๋Š์ž„์—†์ด ๊ธฐ์กด ์ฝ”๋“œ๋ฅผ ์ฝ๋Š”๋‹ค. ๋น„์œจ์ด ์ด๋ ‡๊ฒŒ ๋†’์œผ๋ฏ€๋กœ ์ฝ๊ธฐ ์‰ฌ์šด ์ฝ”๋“œ๊ฐ€ ๋งค์šฐ ์ค‘์š”ํ•˜๋‹ค.์˜ค๋Š˜ ์ฝ์€ ์†Œ๊ฐ์€? ๋– ์˜ค๋ฅด๋Š” ์ƒ๊ฐ์„ ๊ฐ€๋ณ๊ฒŒ ์ ์–ด๋ณด์„ธ์š”๊นจ๋—ํ•œ ์ฝ”๋“œ, ์ข‹์€ ์ฝ”๋“œ์— ๋Œ€ํ•ด ์—ฌ๋Ÿฌ ์˜๊ฒฌ์„ ์ฝ์–ด๋ดค๋Š”๋ฐ, ๋ชจ๋“  ๋ฐฉ๋ฒ•๋“ค์ด ๊ฒฐ๊ตญ์—๋Š” ์ฝ๊ธฐ ์ข‹์€ ์ฝ”๋“œ ๊ทธ๋ž˜์„œ ๋งŒ๋“ค๋•Œ๋„ ์œ ์ง€๋ณด์ˆ˜ํ•  ๋•Œ๋„ ์‰ฝ๊ฒŒ ์ง„ํ–‰ํ•  ์ˆ˜ ์žˆ๊ฒŒํ•˜๋Š” ์ฝ”๋“œ๋ผ๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค.๊ถ๊ธˆํ•œ ๋‚ด์šฉ์ด ์žˆ๊ฑฐ๋‚˜, ์ž˜ ์ดํ•ด๋˜์ง€ ์•Š๋Š” ๋‚ด์šฉ์ด ์žˆ๋‹ค๋ฉด ์ ์–ด๋ณด์„ธ์š”.TPM์ง„์˜์˜ค๋Š˜ ์ฝ์€ ๋‹ค๋ฅธ์‚ฌ๋žŒ์˜ TIL์•„์ง ์˜ฌ๋ผ์˜จ๊ฒŒ ์—†์–ด์„œ ์ถ”ํ›„ ์ถ”๊ฐ€์˜ˆ์ • -00..

[JAVA] DateTimeFormatter

์˜ค๋Š˜๋‚ ์งœ๋ฅผ 8์ž๋ฆฌ ๋ฌธ์ž์—ด์œผ๋กœ ๋ณ€ํ™˜ํ•˜๊ธฐimport java.time.LocalDate;import java.time.format.DateTimeFormatter;public class DateConversion { public static void main(String[] args) { // ์˜ค๋Š˜ ๋‚ ์งœ ๊ฐ€์ ธ์˜ค๊ธฐ LocalDate today = LocalDate.now(); // ์›ํ•˜๋Š” ํ˜•์‹ ์ง€์ • DateTimeFormatter formatter = DateTimeFormatter.ofPattern("yyyyMMdd"); // ํ˜•์‹์— ๋งž๊ฒŒ ๋‚ ์งœ ๋ณ€ํ™˜ String formattedDate = today.format(formatte..

JAVA 2024.06.22

[jQuery] :visible

https://api.jquery.com/visible-selector/ :visible Selector | jQuery API DocumentationDescription: Selects all elements that are visible. Elements are considered visible if they consume space in the document. Visible elements have a width or height that is greater than zero. Elements with visibility: hidden or opacity: 0 are considered visiapi.jquery.com ๋ณด์ด๋Š” ๋ชจ๋“  ์š”์†Œ๋ฅผ โ€‹โ€‹์„ ํƒํ•ฉ๋‹ˆ๋‹ค.

Front/JS & jQuery 2024.06.21

[CSS] table header ์ƒ๋‹จ์— ๊ณ ์ •์‹œํ‚ค๊ธฐ

๊ฐ€ ์Šคํฌ๋กค์„ ๋‚ด๋ ค๋„ ํŽ˜์ด์ง€ ์ตœ์ƒ๋‹จ์— ๊ณ ์ •๋˜๋„๋ก ํ•˜๋ ค๋ฉด CSS์˜ position: sticky ์†์„ฑ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.  1. ์„ ๊ฐ์‹ธ๋Š” ์— ๊ธธ์ด๋ฅผ ์„ค์ •ํ•œ๋‹ค.๋‚˜๋Š” max-height:80vh๋กœ ํ™”๋ฉด์˜ ๊ธธ์ด์— ๋”ฐ๋ผ ์œ ๋™์ ์œผ๋กœ ๋ณ€ํ•˜๊ฒŒ ๋†’์ด๋ฅผ ์„ค์ •ํ•ด์ฃผ์—ˆ๋‹ค.2. thead th์— css ์„ค์ •์„ ํ•ด์ฃผ์—ˆ๋‹ค.$(document).ready(function(){ const $tableHead = $('thead th'); $tableHead.css({ 'position': 'sticky', 'top': '0', 'z-index': '2', 'background-color': '#f2f2f2' }..

Front/CSS 2024.06.20

[CSS] border-collapse

https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse have shared or separate borders." data-og-host="developer.mozilla.org" data-og-source-url="https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse" data-og-url="https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse" data-og-image="https://blog.kakaocdn.net/dna/i8FKa/hyWdnEAtaO/AAAAAAAAAAAAAAAAAAAAAKHY1BsENQWgx5rJJ13lRv2fr5059mk-e-UcABBcICK9/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1767193199&allow_ip=&allow_referer=&signature=YXbRBBbq9Mm19ddSftk4%2BHvMkUc%3D

Front/CSS 2024.06.19

getRequestURL() vs getRequestURI() vs ํ”„๋กœ์ ํŠธ Path๋งŒ

getRequestURL()  - ํ”„๋กœํ† ์ฝœ, ์„œ๋ฒ„ ์ด๋ฆ„ ๋ฐ ํฌํŠธ๋ฅผ ํฌํ•จํ•œ ์ „์ฒด URL์„ ๋ฐ˜ํ™˜getRequestURI()  - ๊ฒฝ๋กœ๋งŒ ๋ฐ˜ํ™˜getcontextPath()  - ํ”„๋กœ์ ํŠธ๊ฒฝ๋กœ๋งŒ ๋ฐ˜ํ™˜   http://localhost:8080/myapp/resource?id=123 getRequestURL() →  http://localhost:8080 /myapp/resource ๋ฐ˜ํ™˜ getRequestURI() →  /myapp/resource ๋ฐ˜ํ™˜getcontextPath() → /myapp ๋ฐ˜ํ™˜

IT์ง€์‹ 2024.06.18
728x90
๋ฐ˜์‘ํ˜•