{"id":45270,"date":"2019-06-17T19:11:01","date_gmt":"2019-06-17T10:11:01","guid":{"rendered":"https:\/\/www.thewordcracker.com\/?p=45270"},"modified":"2023-07-17T16:38:36","modified_gmt":"2023-07-17T07:38:36","slug":"%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4%ec%97%90-%ed%83%80%ec%9e%84%eb%9d%bc%ec%9d%b8%ec%9d%84-%ec%a0%81%ec%9a%a9%ed%95%98%eb%8a%94-%eb%b0%a9%eb%b2%95","status":"publish","type":"post","link":"https:\/\/www.thewordcracker.com\/basic\/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4%ec%97%90-%ed%83%80%ec%9e%84%eb%9d%bc%ec%9d%b8%ec%9d%84-%ec%a0%81%ec%9a%a9%ed%95%98%eb%8a%94-%eb%b0%a9%eb%b2%95\/","title":{"rendered":"\uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0 \ud0c0\uc784\ub77c\uc778(Timeline)\uc744 \uc801\uc6a9\ud558\ub294 \ubc29\ubc95"},"content":{"rendered":"\n<p>\uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0\uc11c \uc5f0\ud601 \ub4f1\uc744 \ud0c0\uc784\ub77c\uc778 \ud615\uc2dd\uc73c\ub85c \ucd94\uac00\ud558\uac70\ub098 \ucd5c\uc2e0 \uae00\uc744 \ud0c0\uc784\ub77c\uc778 \ud615\uc2dd\uc73c\ub85c \ud45c\uc2dc\ud558\uace0 \uc2f6\uc740 \uacbd\uc6b0\uac00 \uc788\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uacbd\uc6b0 \uc778\ud130\ub137\uc5d0\uc11c \ubb34\ub8cc\ub85c \uac80\uc0c9\ub418\ub294 HTML, CSS, jQuery \ub4f1\uc758 \uc18c\uc2a4\ub97c \ud65c\uc6a9\ud558\ub294 \ubc29\ubc95\uacfc \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc774 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ubb34\ub8cc CSS \ud0c0\uc784\ub77c\uc778 \uc18c\uc2a4 \ud65c\uc6a9\ud558\uae30<\/h2>\n\n\n\n<p>\ud68c\uc0ac \uc5f0\ud601 \ub4f1\uc744 \ud0c0\uc784\ub77c\uc778\uc73c\ub85c \ucd94\uac00\ud558\ub824\ub294 \uacbd\uc6b0 \uad6c\uae00\uc5d0\uc11c \uac80\uc0c9\ub418\ub294 \ud0c0\uc774\ub77c\uc778 \uc18c\uc2a4\ub97c \ud65c\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c W3Schools \ubb38\uc11c\uc5d0\uc11c \uc2ec\ud50c\ud55c \ud0c0\uc784\ub77c\uc778 \uc18c\uc2a4\uac00 \uc81c\uacf5\ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li><a rel=\"noreferrer noopener sponsored\" aria-label=\"How TO - Timeline (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"https:\/\/www.w3schools.com\/howto\/howto_css_timeline.asp\" target=\"_blank\">How TO - Timeline<\/a><\/li><\/ul>\n\n\n\n<p>\uc774 \uc18c\uc2a4\ub97c \uc0ac\uc6a9\ud558\uc5ec \ub2e4\uc74c\uacfc \uac19\uc740 \ud0c0\uc784\ub77c\uc778(Timeline)\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4. (\uc544\ub798\uc758 \ub0b4\uc6a9\uc740 \ub124\uc774\ubc84 \uc5f0\uc5ed \ud398\uc774\uc9c0\uc5d0\uc11c \uc77c\ubd80\ub97c \uc778\uc6a9\ud55c \uac83\uc785\ub2c8\ub2e4.)<\/p>\n\n\n\n<style>\n.timeline {\n  position: relative;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* The actual timeline (the vertical ruler) *\/\n.timeline::after {\n  content: '';\n  position: absolute;\n  width: 6px;\n  background-color: white;\n  top: 0;\n  bottom: 0;\n  left: 50%;\n  margin-left: -3px;\n}\n\n\/* Container around content *\/\n.timeline .container {\n  padding: 10px 40px;\n  position: relative;\n  background-color: inherit;\n  width: 37%;\n}\n\n\/* The circles on the timeline *\/\n.timeline .container::after {\n  content: '';\n  position: absolute;\n  width: 25px;\n  height: 25px;\n  right: -27px;\n  background-color: white;\n  border: 4px solid #FF9F55;\n  top: 15px;\n  border-radius: 50%;\n  z-index: 1;\n}\n\n\/* Place the container to the left *\/\n.timeline .left {\n  left: 0;\n}\n\n\/* Place the container to the right *\/\n.timeline .right {\n  left: 50%;\n}\n\n\/* Add arrows to the left container (pointing right) *\/\n.timeline .left::before {\n  content: \" \";\n  height: 0;\n  position: absolute;\n  top: 22px;\n  width: 0;\n  z-index: 1;\n  right: 30px;\n  border: medium solid white;\n  border-width: 10px 0 10px 10px;\n  border-color: transparent transparent transparent white;\n}\n\n\/* Add arrows to the right container (pointing left) *\/\n.timeline .right::before {\n  content: \" \";\n  height: 0;\n  position: absolute;\n  top: 22px;\n  width: 0;\n  z-index: 1;\n  left: 30px;\n  border: medium solid white;\n  border-width: 10px 10px 10px 0;\n  border-color: transparent white transparent transparent;\n}\n\n\/* Fix the circle for containers on the right side *\/\n.timeline .right::after {\n  left: -16px;\n}\n\n\/* The actual content *\/\n.timeline .content {\n  padding: 20px 30px;\n  background-color: white;\n  position: relative;\n  border-radius: 6px;\n}\n\n\/* Media queries - Responsive timeline on screens less than 600px wide *\/\n@media screen and (max-width: 600px) {\n\/* Place the timelime to the left *\/\n  .timeline { display: none;}\n}\n<\/style>\n<div class=\"timeline\" style=\"background: #474e5d; margin-bottom: 10px;\">\n  <div class=\"container left\">\n    <div class=\"content\">\n      <b>2018<\/b>\n      <p><ul><li>02\uc6d4 \ucea0\ud504\ubaa8\ubc14\uc77c \ud569\ubcd1<\/li><li>04\uc6d4 \ud64d\ucf69\uacfc\ud559\uae30\uc220\ub300\ud559\uad50(HKUST)\uc640 \uacf5\ub3d9 AI \uc5f0\uad6c\uc18c \uc124\ub9bd<\/li><\/ul><\/p>\n    <\/div>\n  <\/div>\n  <div class=\"container right\">\n    <div class=\"content\">\n      <b>2017<\/b>\n      <p><ul><li>01\uc6d4 \ubbf8\ub798\uae30\uc220 \ubcc4\ub3c4 \ubc95\uc778 \ub124\uc774\ubc84\ub7a9\uc2a4(\uc8fc) \uc124\ub9bd<\/li><li>05\uc6d4 \ub124\uc774\ubc84\uc6f9\ud230(\uc8fc), \ubcc4\ub3c4\ubc95\uc778 \uc124\ub9bd<\/li><\/ul><\/p>\n    <\/div>\n  <\/div>\n  <div class=\"container left\">\n    <div class=\"content\">\n      <b>2016<\/b>\n      <p><ul><li>07\uc6d4 \ub77c\uc778\uc8fc\uc2dd\ud68c\uc0ac, \ub274\uc695 \ubc0f \ub3c4\ucfc4\uc99d\uc2dc \ub3d9\uc2dc \uc0c1\uc7a5<\/li><\/ul><\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<p class=\"txtBox02bg\">\uc774 \uae00\uc744 \uc791\uc131\ud560 \ub54c\uc5d0\ub294 \uc704\uc758 \ud0c0\uc784\ub77c\uc778\uc774 \uc81c\ub300\ub85c \ud45c\uc2dc\ub418\uc5c8\uc9c0\ub9cc, <a aria-label=\"\ud14c\ub9c8\ub97c \ubcc0\uacbd (opens in a new tab)\" rel=\"noreferrer noopener\" href=\"https:\/\/www.thewordcracker.com\/basic\/%eb%b8%94%eb%a1%9c%ea%b7%b8-%eb%a6%ac%eb%89%b4%ec%96%bc-generatepress-%ed%85%8c%eb%a7%88\/\" target=\"_blank\" class=\"rank-math-link\">\ud14c\ub9c8\ub97c \ubcc0\uacbd<\/a>\ud558\ub2c8 \ub808\uc774\uc544\uc6c3\uc774 \ud2c0\uc5b4\uc9c0\ub124\uc694. CSS\ub85c \ub300\uac15 \uc7a1\uc544 \ub193\uc558\uc9c0\ub9cc \uc57d\uac04 \uc5b4\uae0b\ub09c \ubd80\ubd84\uc774 \uc788\ub124\uc694. \ud14c\ub9c8 \ubcc0\uacbd \ud6c4\uc5d0 \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \uc81c\ub300\ub85c \ud45c\uc2dc\ub418\uc9c0 \uc54a\uc544\uc11c \ubaa8\ubc14\uc77c\uc5d0\uc11c\ub294 \ud45c\uc2dc\ub418\uc9c0 \uc54a\ub3c4\ub85d \uc124\uc815\ud588\uc2b5\ub2c8\ub2e4. \uc6d0 \uae00\uc758 HTML\uacfc CSS \ucf54\ub4dc\ub97c \uc801\uc6a9\ud560 \uacbd\uc6b0 \uc0ac\uc6a9\ud558\ub294 \ud14c\ub9c8\uc5d0 \ub530\ub77c \ub808\uc774\uc544\uc6c3\uc774 \uc81c\ub300\ub85c \ud45c\uc2dc\ub418\uc9c0 \uc54a\uc744 \uc218\ub3c4 \uc788\uc744 \uac83 \uac19\uc2b5\ub2c8\ub2e4. \uadf8\ub7f0 \uacbd\uc6b0 \uc801\uc808\ud788 \uc751\uc6a9\ud558\uc5ec \uc0ac\uc6a9\ud558\uc2dc\uac70\ub098 \ub2e4\ub978 Timeline \uc18c\uc2a4\ub97c \ucc3e\uc544\uc11c \uc774\uc6a9\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc2ec\ud50c\ud55c \ud0c0\uc784\ub77c\uc778\uc744 \ub9cc\ub4e4\ub824\ub294 \uacbd\uc6b0 \ud65c\uc6a9\ud574\ubcfc \uc218 \uc788\uc744 \uac83\uc785\ub2c8\ub2e4. \"<a rel=\"noreferrer noopener sponsored\" aria-label=\"65 CSS Timelines (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"https:\/\/freefrontend.com\/css-timelines\/\" target=\"_blank\">65 CSS Timelines<\/a>\"\uc5d0\uc11c \ub2e4\uc591\ud55c CSS \ud0c0\uc784\ub77c\uc778 \uc18c\uc2a4\ub97c \ud655\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. HTML \ucf54\ub4dc\ub294 \ud3b8\uc9d1\uae30\uc5d0\uc11c \uc9c1\uc811 \uc785\ub825\ud558\uace0 CSS \ucf54\ub4dc\ub294 \ucc28\uc77c\ub4dc \ud14c\ub9c8 \ud3f4\ub354 \ub0b4\uc758 \uc2a4\ud0c0\uc77c\uc2dc\ud2b8 \ud30c\uc77c(style.css)\uc5d0 \ucd94\uac00\ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n\n\n\n<ul><li><a href=\"https:\/\/www.thewordcracker.com\/basic\/how-to-add-css-in-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"\uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0\uc11c CSS \ucd94\uac00\ud558\uae30 (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\">\uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0\uc11c CSS \ucd94\uac00\ud558\uae30<\/a><\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\ud0c0\uc784\ub77c\uc778 \ud50c\ub7ec\uadf8\uc778<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Timeline Express<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"772\" height=\"250\" src=\"https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/timeline-express-compressor.jpg\" alt=\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \ud0c0\uc784\ub77c\uc778 \ud50c\ub7ec\uadf8\uc778\" class=\"wp-image-45271\" srcset=\"https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/timeline-express-compressor.jpg 772w, https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/timeline-express-compressor-300x97.jpg 300w, https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/timeline-express-compressor-768x249.jpg 768w\" sizes=\"(max-width: 772px) 100vw, 772px\" \/><\/figure><\/div>\n\n\n\n<p><a href=\"https:\/\/wordpress.org\/plugins\/timeline-express\/\" target=\"_blank\" rel=\"noreferrer noopener sponsored\" aria-label=\"Timeline Express (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\">Timeline Express<\/a>\ub294 \uc6cc\ub4dc\ud504\ub808\uc2a4 \uc0ac\uc774\ud2b8\uc5d0\uc11c \uc138\ub85c \ud615\ud0dc\uc758 \ud0c0\uc784\ub77c\uc778\uc744 \ub9cc\ub4e4 \uc218 \uc788\ub294 \ubb34\ub8cc \ud50c\ub7ec\uadf8\uc778\uc785\ub2c8\ub2e4. \uacf5\uc9c0\uc0ac\ud56d(Announcement)\uc744 \uae30\uc785\ud558\uace0 \ub0a0\uc9dc\ub97c \uc124\uc815\ud558\uba74 \uc774 \ud50c\ub7ec\uadf8\uc778\uc5d0\uc11c \ucd5c\uc2e0 \uacf5\uc9c0 \uc21c\uc73c\ub85c \uae00\uc744 \ub098\uc5f4\ud574\uc90d\ub2c8\ub2e4.<\/p>\n\n\n\n<p>Timeline Express\ub294 \ud604\uc7ac 2\ub9cc \uac1c \uc774\uc0c1\uc758 \uc0ac\uc774\ud2b8\uc5d0 \uc124\uce58\ub418\uc5b4 \uc788\uace0 \uc0ac\uc6a9\uc790 \ud3c9\uac00\ub3c4 \ube44\uad50\uc801 \uc88b\uc740 \ud3b8\uc785\ub2c8\ub2e4. \uacf5\uc9c0\uc0ac\ud56d \ub4f1\uc744 \ud0c0\uc784\ub77c\uc778 \ud615\uc2dd\uc73c\ub85c \ud45c\uc2dc\ud558\ub824\ub294 \uacbd\uc6b0\uc5d0 \uc801\ud569\ud560 \uac83 \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cool Timeline Pro<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/1.envato.market\/e54dr\" target=\"_blank\" rel=\"noreferrer noopener sponsored\"><img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"300\" src=\"https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/cool-timeline-pro.jpg\" alt=\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \ud0c0\uc784\ub77c\uc778 \ud50c\ub7ec\uadf8\uc778\" class=\"wp-image-45272\" srcset=\"https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/cool-timeline-pro.jpg 590w, https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/cool-timeline-pro-300x153.jpg 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Cool Timeline Pro\ub294 \uac1c\uc778\uc758 \uacbd\ub825\uc0ac\ud56d\uc774\ub098 \ud68c\uc0ac\uc758 \uc5f0\ud601 \ub4f1\uc744 \uac00\ub85c \ub610\ub294 \uc138\ub85c \ud615\uc2dd(\ubc18\uc751\ud615)\uc73c\ub85c \ud45c\uc2dc\ud560 \uc218 \uc788\ub294 \ud50c\ub7ec\uadf8\uc778\uc785\ub2c8\ub2e4. \ube14\ub85c\uadf8 \ud3ec\uc2a4\ud2b8\ub97c \ud0c0\uc784\ub77c\uc778 \ud615\uc2dd\uc73c\ub85c \ud45c\uc2dc\ud558\ub294 \uac83\ub3c4 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774\ubbf8\uc9c0, \ub3d9\uc601\uc0c1, \uc2ac\ub77c\uc774\ub4dc\uc1fc \ubc0f \ucee4\uc2a4\ud140 \ub514\uc790\uc778\uacfc \uc0c9\uc0c1\uc73c\ub85c \uc2a4\ud1a0\ub9ac\ub97c \ud45c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uac04\ub2e8\ud55c \uc20f\ucf54\ub4dc\ub85c \ud0c0\uc784\ub77c\uc778\uc744 \uc6d0\ud558\ub294 \uacf3\uc5d0 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774 \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub2e4\uc74c \ud0c0\uc784\ub77c\uc778\uc744 \ub9cc\ub4e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4:<\/p>\n\n\n\n<ul><li>\uba4b\uc9c4 \uc138\ub85c \ubc0f \uac00\ub85c \ud0c0\uc784\ub77c\uc778<\/li><li>\ud68c\uc0ac \ud0c0\uc784\ub77c\uc778<\/li><li>\ube14\ub85c\uadf8 \ud3ec\uc2a4\ud2b8 \ud0c0\uc784\ub77c\uc778<\/li><li>\ub2e8\uacc4\ubcc4(Step by Step) \ud29c\ud1a0\ub9ac\uc5bc \ud0c0\uc784\ub77c\uc778<\/li><li>\ud504\ub85c\uadf8\ub7a8 \ud788\uc2a4\ud1a0\ub9ac<\/li><li>\ud68c\uc0ac \uc2a4\ud1a0\ub9ac\ub77c\uc778<\/li><li>\uc774\ubca4\ud2b8 \ud0c0\uc784\ub77c\uc778<\/li><li>\ub77c\uc774\ud504 \uc2a4\ud1a0\ub9ac\/\ud0c0\uc784\ub77c\uc778<\/li><li>\uacbd\ub825 \uc0ac\ud56d<\/li><li>\uac1c\uc778 \uc0dd\uc560\uc0ac<\/li><li>\uc57d\ub825 \ud0c0\uc784\ub77c\uc778<\/li><li>\uc81c\ud488 \uc5c5\ub370\uc774\ud2b8 \ud0c0\uc784\ub77c\uc778<\/li><li>\ud68c\uc0ac \uc5f0\ud601 \ud0c0\uc784\ub77c\uc778<\/li><li>\ucf58\ud150\uce20 \ud0c0\uc784\ub77c\uc778<\/li><li>\uc2a4\ud0c0\ud2b8\uc5c5 \uc2a4\ud1a0\ub9ac\ub77c\uc778<\/li><\/ul>\n\n\n\n<p>\uc774 \ud50c\ub7ec\uadf8\uc778\uc740 40\uac1c \uc774\uc0c1\uc758 \ud0c0\uc784\ub77c\uc778 \ub514\uc790\uc778\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc790\uc138\ud55c \uc815\ubcf4\uc640 \ub370\ubaa8\ub294 <a rel=\"noreferrer noopener sponsored\" aria-label=\"Cool Timeline Pro \uc0ac\uc774\ud2b8 (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"https:\/\/1.envato.market\/e54dr\" target=\"_blank\">Cool Timeline Pro \uc0ac\uc774\ud2b8<\/a>\ub97c \ucc38\uace0\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WP Timeline<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/1.envato.market\/qL42n\" target=\"_blank\" rel=\"noreferrer noopener sponsored\"><img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"300\" src=\"https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/wp-timeline.jpg\" alt=\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \ubc18\uc751\ud615 \ud0c0\uc784\ub77c\uc778 \ud50c\ub7ec\uadf8\uc778\" class=\"wp-image-45274\" srcset=\"https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/wp-timeline.jpg 590w, https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/wp-timeline-300x153.jpg 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>\uc2a4\ud1a0\ub9ac, \ud0c0\uc784\ub77c\uc778, \uc5f0\ud601, \ub85c\ub4dc\ub9f5 \ub4f1\uc744 \ub9cc\ub4e4\uace0 \uc2f6\uc740 \uacbd\uc6b0\uc5d0 WP Timeline \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ud0c0\uc784\ub77c\uc778\uc744 \uc27d\uac8c \ub9cc\ub4e4 \uc218 \uc788\ub3c4\ub85d \ub514\uc790\uc778\ub41c WP Timeline\uc740 \uc5c5\uccb4\ub4e4\uc774 \ud0c0\uc784\ub77c\uc778\/\uc2a4\ud1a0\ub9ac\/\uc5f0\ud601\uc744 \ud45c\uc2dc\ud560 \uc218 \uc788\ub294 \ub9e4\uc6b0 \uac04\ub2e8\ud55c \ubc29\ubc95\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc774 \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud0c0\uc784\ub77c\uc778\uc744 \uc0dd\uc131\ud558\uace0 \ud45c\uc2dc\ud558\ub294 \ubaa8\ub4e0 \uacfc\uc815\uc744 \uad00\ub9ac\ud560 \uc218 \uc788\uc73c\uba70 \ubaa8\ub4e0 \ud3ec\uc2a4\ud2b8 \ud0c0\uc785, \ud0dc\uadf8, \uce74\ud14c\uace0\ub9ac, \ubd84\ub958(Taxonomy)\ub97c \ud45c\uc2dc\ud558\ub294 \uac83\ub3c4 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc1fc\ud2b8\ucf54\ub4dc\ub85c \uc6d0\ud558\ub294 \uacf3\uc5d0 \ud0c0\uc784\ub77c\uc778\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774 \ud50c\ub7ec\uadf8\uc778\uc740 45\uac1c \uc774\uc0c1\uc758 \ub808\uc774\uc544\uc6c3\uc744 \uc81c\uacf5\ud558\uba70 40\uac1c \uc774\uc0c1\uc758 \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4. \uc790\uc138\ud55c \ub0b4\uc6a9\uacfc \ub370\ubaa8\ub294 <a href=\"https:\/\/1.envato.market\/qL42n\" target=\"_blank\" rel=\"noreferrer noopener sponsored\" aria-label=\"WP Timeline \ud50c\ub7ec\uadf8\uc778 \uc0ac\uc774\ud2b8 (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\">WP Timeline \ud50c\ub7ec\uadf8\uc778 \uc0ac\uc774\ud2b8<\/a>\ub97c \ucc38\uace0\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Everest Timeline<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/1.envato.market\/6QePN\" target=\"_blank\" rel=\"noreferrer noopener sponsored\"><img loading=\"lazy\" decoding=\"async\" width=\"590\" height=\"300\" src=\"https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/everest.jpg\" alt=\"\uc6cc\ub4dc\ud504\ub808\uc2a4 \ubc18\uc751\ud615 \ud0c0\uc784\ub77c\uc778 \ud50c\ub7ec\uadf8\uc778\" class=\"wp-image-45273\" srcset=\"https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/everest.jpg 590w, https:\/\/www.thewordcracker.com\/wp-content\/uploads\/2019\/06\/everest-300x153.jpg 300w\" sizes=\"(max-width: 590px) 100vw, 590px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Everest Timeline\uc740 \ubc18\uc751\ud615 \uc6cc\ub4dc\ud504\ub808\uc2a4 \ud0c0\uc784\ub77c\uc778 \ud50c\ub7ec\uadf8\uc778\uc73c\ub85c 50\uac1c \uc774\uc0c1\uc758 \uc0ac\uc9c4 \ub514\uc790\uc778\ub41c \ud15c\ud50c\ub9bf\uc774 \uc81c\uacf5\ub429\ub2c8\ub2e4. \uc774 \ud50c\ub7ec\uadf8\uc778\uc73c\ub85c \uc138\ub85c \ud0c0\uc784\ub77c\uc778 \ub808\uc774\uc544\uc6c3, \uac00\ub85c \ud0c0\uc784\ub77c\uc778 \ub808\uc774\uc544\uc6c3, \uc6d0 \uc0ac\uc774\ub4dc \ub808\uc774\uc544\uc6c3, \ud398\uc774\uc2a4\ubd81 \ub808\uc774\uc544\uc6c3, \ud2b8\uc704\ud130 \ub808\uc774\uc544\uc6c3 \ub4f1\uc758 \ud615\uc2dd\uc73c\ub85c \ud0c0\uc784\ub77c\uc778\uc744 \ud45c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uac01 \ub808\uc774\uc544\uc6c3\uc5d0\ub294 \ub2e4\uc591\ud55c \uc2a4\ud0c0\uc77c \uc635\uc158\uc774 \uc81c\uacf5\ub418\uc5b4 \ucee4\uc2a4\ud130\ub9c8\uc774\uc9d5\uc774 \uac00\ub2a5\ud569\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc774 \ud50c\ub7ec\uadf8\uc778\uc740 \uc774\ubbf8\uc9c0, \uc2ac\ub77c\uc774\ub354, \uc720\ud29c\ube0c \ub3d9\uc601\uc0c1, \ube44\uba54\uc624 \ub3d9\uc601\uc0c1, HTML \ube44\ub514\uc624 \ubc0f soundcloud \ub4f1\uacfc \uac19\uc740 \ubbf8\ub514\uc5b4\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4. \ud544\ud130 \uc635\uc158, \uc18c\uc15c \ubbf8\ub514\uc5b4 \ubc0f \uacf5\uc720 \ubc84\ud2bc, \ud398\uc774\uc2a4\ubd81\/\ud2b8\uc704\ud130 \ud53c\ub4dc, \ub77c\uc774\ud2b8\ubc15\uc2a4 \uae30\ub2a5\ub3c4 \ud1b5\ud569\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<p>\uc1fc\ud2b8\ucf54\ub4dc\uc640 \uc704\uc82f\uc73c\ub85c \uc0ac\uc6a9\ud558\uba70 \ud06c\ub9ac\uc5d0\uc774\ud2f0\ube0c\ud55c \uc2a4\ud1a0\ub9ac\/\uc774\ubca4\ud2b8 \ud0c0\uc784\ub77c\uc778\uc744 \uae08\ubc29 \ub514\uc790\uc778\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc790\uc138\ud55c \uc815\ubcf4\uc640 \ub370\ubaa8\ub294 <a rel=\"noreferrer noopener sponsored\" aria-label=\"Everest Timeline \uc0ac\uc774\ud2b8 (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"https:\/\/1.envato.market\/6QePN\" target=\"_blank\">Everest Timeline \uc0ac\uc774\ud2b8<\/a>\ub97c \ucc38\uace0\ud558\uc2dc\uae30 \ubc14\ub78d\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ud14c\ub9c8\uc5d0 \ud3ec\ud568\ub41c \uae30\ub2a5 \uc0ac\uc6a9<\/h2>\n\n\n\n<p><a rel=\"noreferrer noopener sponsored\" aria-label=\"\uc544\ubc14\ub2e4 (\uc0c8\ud0ed\uc73c\ub85c \uc5f4\uae30)\" href=\"https:\/\/www.thewordcracker.com\/go\/avada\" target=\"_blank\">\uc544\ubc14\ub2e4<\/a>\ub97c \ube44\ub86f\ud55c \uc77c\ubd80 \ud14c\ub9c8\uc5d0\uc11c\ub294 \ube14\ub85c\uadf8 \uae00\uc744 \ud0c0\uc784\ub77c\uc778\uc73c\ub85c \ud45c\uc2dc\ud558\ub294 \uae30\ub2a5\uc744 \uc81c\uacf5\ud558\uae30\ub3c4 \ud569\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \uc544\ubc14\ub2e4 \ud14c\ub9c8\uc758 Fusion Builder\uc5d0 \ud3ec\ud568\ub41c Content Boxes \uc694\uc18c\uc5d0\uc11c\ub294 Timeline Vertical \ub808\uc774\uc544\uc6c3\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uc81c\ud55c\uc801\uc774\uc9c0\ub9cc \ud0c0\uc784\ub77c\uc778 \uae30\ub2a5\uc744 \uad6c\ud604\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\ub9c8\uce58\uba70<\/h2>\n\n\n\n<p>\uc774\uc0c1\uc73c\ub85c \uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0\uc11c \ud0c0\uc784\ub77c\uc778\uc744 \uc801\uc6a9\ud558\ub294 \ubc29\ubc95\uc5d0 \ub300\ud574 \uac04\ub2e8\ud788 \uc0b4\ud3b4\ubcf4\uc558\uc2b5\ub2c8\ub2e4. \ucf54\ub529\uc774 \uac00\ub2a5\ud558\ub2e4\uba74 \uc9c1\uc811 \ud558\ub4dc\ucf54\ub529 \ubc29\uc2dd\uc73c\ub85c \ud0c0\uc784\ub77c\uc778\uc744 \uad6c\ud604\ud560 \uc218 \uc788\uc9c0\ub9cc, \ucf54\ub529\uc5d0 \uc775\uc219\ud558\uc9c0 \uc54a\uc73c\uba74 \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\uc5ec \ud0c0\uc784\ub77c\uc778\uc744 \ucd94\uac00\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0\uc11c \uc5f0\ud601 \ub4f1\uc744 \ud0c0\uc784\ub77c\uc778 \ud615\uc2dd\uc73c\ub85c \ucd94\uac00\ud558\uac70\ub098 \ucd5c\uc2e0 \uae00\uc744 \ud0c0\uc784\ub77c\uc778 \ud615\uc2dd\uc73c\ub85c \ud45c\uc2dc\ud558\uace0 \uc2f6\uc740 \uacbd\uc6b0\uac00 \uc788\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uacbd\uc6b0 \uc778\ud130\ub137\uc5d0\uc11c \ubb34\ub8cc\ub85c \uac80\uc0c9\ub418\ub294 HTML, CSS, jQuery \ub4f1\uc758 \uc18c\uc2a4\ub97c \ud65c\uc6a9\ud558\ub294 \ubc29\ubc95\uacfc \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95\uc774 \uc788\uc2b5\ub2c8\ub2e4. \ubb34\ub8cc CSS \ud0c0\uc784\ub77c\uc778 ... <\/p>\n<p class=\"read-more-container\"><a title=\"\uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0 \ud0c0\uc784\ub77c\uc778(Timeline)\uc744 \uc801\uc6a9\ud558\ub294 \ubc29\ubc95\" class=\"read-more button\" href=\"https:\/\/www.thewordcracker.com\/basic\/%ec%9b%8c%eb%93%9c%ed%94%84%eb%a0%88%ec%8a%a4%ec%97%90-%ed%83%80%ec%9e%84%eb%9d%bc%ec%9d%b8%ec%9d%84-%ec%a0%81%ec%9a%a9%ed%95%98%eb%8a%94-%eb%b0%a9%eb%b2%95\/#more-45270\" aria-label=\"Read more about \uc6cc\ub4dc\ud504\ub808\uc2a4\uc5d0 \ud0c0\uc784\ub77c\uc778(Timeline)\uc744 \uc801\uc6a9\ud558\ub294 \ubc29\ubc95\">\ub354 \uc77d\uae30<\/a><\/p>\n","protected":false},"author":1,"featured_media":45275,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[10739,9353,10272],"_links":{"self":[{"href":"https:\/\/www.thewordcracker.com\/wp-json\/wp\/v2\/posts\/45270"}],"collection":[{"href":"https:\/\/www.thewordcracker.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thewordcracker.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thewordcracker.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thewordcracker.com\/wp-json\/wp\/v2\/comments?post=45270"}],"version-history":[{"count":0,"href":"https:\/\/www.thewordcracker.com\/wp-json\/wp\/v2\/posts\/45270\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thewordcracker.com\/wp-json\/wp\/v2\/media\/45275"}],"wp:attachment":[{"href":"https:\/\/www.thewordcracker.com\/wp-json\/wp\/v2\/media?parent=45270"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thewordcracker.com\/wp-json\/wp\/v2\/categories?post=45270"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thewordcracker.com\/wp-json\/wp\/v2\/tags?post=45270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}