{"componentChunkName":"component---src-components-templates-blog-template-js","path":"/blog/2020/03/03/javascript_string_upper_lower","result":{"data":{"mdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Javascript로 문자열을 대문자나 소문자 바꾸기\",\n  \"date\": \"2020-03-03T00:00:00.000Z\",\n  \"author\": \"rhapsodist\",\n  \"category_large\": \"development\",\n  \"category_small\": \"javascript\",\n  \"type\": \"blog\",\n  \"featuredImage\": \"../../../../mainImages/javascript.jpg\",\n  \"show\": \"show\",\n  \"tags\": [\"javascript\", \"upper\", \"lower\", \"case\", \"string\"]\n};\n\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", null, \"Javascript\\uB85C \\uBB38\\uC790\\uC5F4\\uC744 \\uB300\\uBB38\\uC790\\uB098 \\uC18C\\uBB38\\uC790 \\uBC14\\uAFB8\\uAE30\"), mdx(\"h2\", null, \"1\", \".\", \" \\uAC1C\\uC694\"), mdx(\"p\", null, \"String\\uC5D0 \\uC874\\uC7AC\\uD558\\uB294 \\uBAA8\\uB4E0 \\uBB38\\uC790\\uB97C \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\uB300\\uBB38\\uC790\"), \" \\uB098 \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\uC18C\\uBB38\\uC790\"), \" \\uB85C \\uBCC0\\uD658 \\uD558\\uB294 \\uD568\\uC218\\uB4E4\\uC740 \\uB2E4\\uC74C\\uACFC \\uAC19\\uB2E4.\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"toUpperCase\")), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"toLowerCase\"))), mdx(\"h2\", null, \"2\", \".\", \" toUpperCase \\uD568\\uC218\"), mdx(\"p\", null, \"toUpperCase() \\uD568\\uC218\\uB97C \\uC0AC\\uC6A9\\uD558\\uBA74 \\uBB38\\uC790\\uC5F4 \\uC548\\uC758 \\uBAA8\\uB4E0 \\uBB38\\uC790\\uB97C \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\uB300\\uBB38\\uC790\"), \" \\uB85C \\uBCC0\\uACBD \\uAC00\\uB2A5\\uD558\\uB2E4.\"), mdx(\"pre\", {\n    \"className\": \"grvsc-container dark-default-dark\",\n    \"data-language\": \"javascript\",\n    \"data-index\": \"0\"\n  }, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"grvsc-code\"\n  }), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk4\"\n  }), \"const\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \" \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk12\"\n  }), \"Str\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \" = \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk8\"\n  }), \"'abcdEFGH123!@#'\")), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk10\"\n  }), \"console\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk11\"\n  }), \"log\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk12\"\n  }), \"Str\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk11\"\n  }), \"toUpperCase\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"())\")), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  })), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk3\"\n  }), \"//=> \\\"ABCDEFGH123!@#\\\"\")))), mdx(\"h2\", null, \"3\", \".\", \" toLowerCase \\uD568\\uC218\"), mdx(\"p\", null, \"toLowerCase() \\uD568\\uC218\\uB97C \\uC0AC\\uC6A9\\uD558\\uBA74 \\uBB38\\uC790\\uC5F4 \\uC548\\uC758 \\uBAA8\\uB4E0 \\uBB38\\uC790\\uB97C \", mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"\\uC18C\\uBB38\\uC790\"), \" \\uB85C \\uBCC0\\uACBD \\uAC00\\uB2A5\\uD558\\uB2E4.\"), mdx(\"pre\", {\n    \"className\": \"grvsc-container dark-default-dark\",\n    \"data-language\": \"javascript\",\n    \"data-index\": \"1\"\n  }, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"grvsc-code\"\n  }), mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk4\"\n  }), \"const\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \" \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk12\"\n  }), \"Str\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \" = \"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk8\"\n  }), \"'abcdEFGH123!@#'\")), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk10\"\n  }), \"console\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk11\"\n  }), \"log\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"(\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk12\"\n  }), \"Str\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \".\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk11\"\n  }), \"toLowerCase\"), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk1\"\n  }), \"())\")), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  })), \"\\n\", mdx(\"span\", _extends({\n    parentName: \"code\"\n  }, {\n    \"className\": \"grvsc-line\"\n  }), mdx(\"span\", _extends({\n    parentName: \"span\"\n  }, {\n    \"className\": \"mtk3\"\n  }), \"//=> \\\"abcdefgh123!@#\\\"\")))), mdx(\"style\", {\n    \"className\": \"grvsc-styles\"\n  }, \"\\n  .grvsc-container {\\n    overflow: auto;\\n    -webkit-overflow-scrolling: touch;\\n    padding-top: 1rem;\\n    padding-top: var(--grvsc-padding-top, var(--grvsc-padding-v, 1rem));\\n    padding-bottom: 1rem;\\n    padding-bottom: var(--grvsc-padding-bottom, var(--grvsc-padding-v, 1rem));\\n    border-radius: 8px;\\n    border-radius: var(--grvsc-border-radius, 8px);\\n    font-feature-settings: normal;\\n  }\\n  \\n  .grvsc-code {\\n    display: inline-block;\\n    min-width: 100%;\\n  }\\n  \\n  .grvsc-line {\\n    display: inline-block;\\n    box-sizing: border-box;\\n    width: 100%;\\n    padding-left: 1.5rem;\\n    padding-left: var(--grvsc-padding-left, var(--grvsc-padding-h, 1.5rem));\\n    padding-right: 1.5rem;\\n    padding-right: var(--grvsc-padding-right, var(--grvsc-padding-h, 1.5rem));\\n  }\\n  \\n  .grvsc-line-highlighted {\\n    background-color: var(--grvsc-line-highlighted-background-color, transparent);\\n    box-shadow: inset var(--grvsc-line-highlighted-border-width, 4px) 0 0 0 var(--grvsc-line-highlighted-border-color, transparent);\\n  }\\n  \\n  .dark-default-dark {\\n    background-color: #1E1E1E;\\n    color: #D4D4D4;\\n  }\\n  .dark-default-dark .mtk4 { color: #569CD6; }\\n  .dark-default-dark .mtk1 { color: #D4D4D4; }\\n  .dark-default-dark .mtk12 { color: #9CDCFE; }\\n  .dark-default-dark .mtk8 { color: #CE9178; }\\n  .dark-default-dark .mtk10 { color: #4EC9B0; }\\n  .dark-default-dark .mtk11 { color: #DCDCAA; }\\n  .dark-default-dark .mtk3 { color: #6A9955; }\\n\"));\n}\n;\nMDXContent.isMDXComponent = true;","excerpt":"Javascript로 문자열을 대문자나 소문자 바꾸기 1 .  개요 String에 존재하는 모든 문자를  대문자  나  소문자  로 변환 하는 함수들은 다음과 같다. toUpperCase toLowerCase 2 .  toUpperCase…","frontmatter":{"title":"Javascript로 문자열을 대문자나 소문자 바꾸기","tags":["javascript","upper","lower","case","string"],"category_small":"javascript","author":"rhapsodist","date":"2020-03-03T00:00:00.000Z","featuredImage":{"childImageSharp":{"fluid":{"src":"/static/f3d801b48d9b5d69a37d4577601fa5e6/252bd/javascript.jpg"}}}}},"allMdx":{"nodes":[{"frontmatter":{"title":"Vuejs slot에 다이나믹 name 사용하기","date":"2020-06-05T00:00:00.000Z","category_small":"vue","author":"rhapsodist","featuredImage":{"childImageSharp":{"fluid":{"src":"/static/647653e9dfc171c2f4eb867eaac91d2c/14b42/vuejs.jpg"}}}},"fields":{"slug":"index","slug_path":"/2020/06/05/vuejs_dynamic_slot/index"}},{"frontmatter":{"title":"키보드로 세로길이가 바뀌는 것 방지하기","date":"2020-04-27T00:00:00.000Z","category_small":"react-native","author":"rhapsodist","featuredImage":{"childImageSharp":{"fluid":{"src":"/static/9a6f09b9c16e7cf5abda5b3f23587fd3/ee604/react-native.png"}}}},"fields":{"slug":"index","slug_path":"/2020/04/27/react_native_by_keyboard_height_change/index"}},{"frontmatter":{"title":"Rails에서 local file 업로드하기","date":"2020-04-27T00:00:00.000Z","category_small":"ruby","author":"rhapsodist","featuredImage":{"childImageSharp":{"fluid":{"src":"/static/b1949556d74ff53137994a068781a860/ee604/ruby.png"}}}},"fields":{"slug":"index","slug_path":"/2020/04/27/ruby_upload_local_file/index"}},{"frontmatter":{"title":"React-native 에 custom font 추가하기(no expo)","date":"2020-04-24T00:00:00.000Z","category_small":"react-native","author":"rhapsodist","featuredImage":{"childImageSharp":{"fluid":{"src":"/static/9a6f09b9c16e7cf5abda5b3f23587fd3/ee604/react-native.png"}}}},"fields":{"slug":"index","slug_path":"/2020/04/24/react_native_custom_font/index"}},{"frontmatter":{"title":"React-native 에서 textShadow 사용하기","date":"2020-04-24T00:00:00.000Z","category_small":"react-native","author":"rhapsodist","featuredImage":{"childImageSharp":{"fluid":{"src":"/static/9a6f09b9c16e7cf5abda5b3f23587fd3/ee604/react-native.png"}}}},"fields":{"slug":"index","slug_path":"/2020/04/24/react_native_text_shadow/index"}}]}},"pageContext":{"slug":"javascript_string_upper_lower","slug_path":"/2020/03/03/javascript_string_upper_lower","type":"blog"}}}