728x90 컴공생의 Specification16 [JavaScript] 문자열 다루기 Step#2 지난번에 JavaScript로 문자열 다루기 첫번째 단계를 알아보았습니다. 혹시 아직 못 보셨다면 보시고 오시는걸 추천드리겠습니다. https://uic11.tistory.com/8 [JavaScript] 문자열 다루기 Step#1 알고리즘 문제풀이하는데가장 기본이며, 중요하다고 생각되는 객체는 바로 문자열과 배열이라고 생각합니다. 오늘은 이번에는 문자열을 다루는 기술에 대해서 공부해보려고 합니다. 문자열을 uic11.tistory.com 그럼 오늘은 JavaScript로 문자열 다루기. 다음 방법들을 알아보겠습니다. [String(문자열) 다루는 방법] 문자열 연산자 charAt() concat() includes() indexOf() / lastIndexOf() replace() slice() spl.. 2022. 3. 29. [JavaScript] 문자열 다루기 Step#1 알고리즘 문제풀이하는데가장 기본이며, 중요하다고 생각되는 객체는 바로 문자열과 배열이라고 생각합니다. 오늘은 이번에는 문자열을 다루는 기술에 대해서 공부해보려고 합니다. 문자열을 다루는 법은 엄청 중요하고 많은 양이지만, 빠르고 간단하게 핵심만 짚어보고 가볼까 합니다!! 그래도 Step을 나눠서 진행해보겠습니다. 먼제 이번 Step에서 진행할 문자열 다루기 방법은 아래와 같습니다. 중요한 순으로 한번 공부해보겠습니다. [String(문자열) 다루는 방법] 문자열 연산자 charAt() concat() includes() indexOf() / lastIndexOf() replace() slice() split() substring() toLowerCase() / toUpperCase() toString().. 2022. 3. 21. [JavaScript] Stack과 Queue 만들기 오늘은 JavaScript로 Stack과 Queue를 구현해보겠습니다. 그러면 먼저 Stack과 Queue를 알아보겠습니다. [ Stack ] : FILO(First In, Last Out. 선입후출) "간단하게 먼저 들어온 놈이 늦게 나간다" 즉, 일렬로 된 통에 값을 넣고 뺄 때 활용하는 자료구조입니다. 이런 형태로 되어있는 길다란 통입니다. 한 쪽만 구멍이 뚫려있어 그 구멍으로만 들어오고 나갈 수 있다고 생각하시면 이해가 편합니다. 과연, Stack은 JavaScript로 어떻게 구현하고, 활용할 수 있을까요? 바로 알아보겠습니다. // 값 넣기 Array.push(Value); // 값 빼기 Value = Array.pop(); Array 함수 중에서 push()는 한 개 이상의 파라미터를 가지며.. 2022. 3. 18. [JavaScript] Array 정렬하기 오늘은 JavaScript로 Array 정렬에 대해서 공부해보겠습니다. JavaScript로 정렬하는 방법은 엄청 간단해요. Array.sort((a, b) => a-b); 이렇게 하면 됩니다. 하지만 이게 전부는 아닙니다. JavaScript의 sort() 함수에 대해서 세부적으로 알아보겠습니다. 먼저 JavaScript로 Array 정렬하기 기본 함수인 sort()의 예제를 보았습니다. 이 함수는 어떤 Array가 어떻게 정렬이 되는지 확인해보겠습니다. 이 함수에서 ①와 ②를 이해하면 Array의 sort()를 어떻게 사용할지 감이 잡히실겁니다. 먼저 sort()함수 안에 들어가는 파라미터로 ①은 바로 Function입니다. 여기서 사용한 Function은 익명함수라고 합니다. 익명함수는 JavaSc.. 2022. 3. 16. [React] React 시작하기 (2. 프로젝트 생성 및 실행) 오늘은 지난 포스팅인 React 시작하기 (1. 프로그램 설치하기)에 이어 다음 2. 프로젝트 생성 및 실행에 대해 알아보겠습니다. ** 아래 포스팅을 보지 않으신 분께서는 한번 보시고 아래 글을 읽으시는 것을 추천드립니다. 2022.03.02 - [컴공생의 Expertise/React] - [React] React 시작하기 (1. 프로그램 설치하기) [React] React 시작하기 (1. 프로그램 설치하기) 오늘은 React 시작하기입니다. React는 기본적으로 Javascript 기반 Library로 요즘 가장 인기 있는 Front-End 개발 스킬입니다. 먼저 React를 시작하기 위해서는 아래 프로그램들을 설치해야합니다. node.js ( uic11.tistory.com 먼저 설치한 프로그램 .. 2022. 3. 10. [React] React 시작하기 (1. 프로그램 설치하기) 오늘은 React 시작하기입니다. React는 기본적으로 Javascript 기반 Library로 요즘 가장 인기 있는 Front-End 개발 스킬입니다. 먼저 React를 시작하기 위해서는 아래 프로그램들을 설치해야합니다. node.js (IDE) Visual Studio Code Node.js node.js만 설치하면!!! 기본적으로 React 개발을 수행할 수 있습니다. 하지만 IDE를 통해 개발하면 더 편하기에 각자 익숙한 개발 툴을 추가로 다운 받아주세요. 저는 Front-End 개발하는 데에는 Visual Studio Code가 가장 편하기에, 해당 툴 설치도 해볼께요!! 먼저 node.js 사이트는 다음과 같습니다. https://nodejs.org/ko/ Node.js Node.js® is.. 2022. 3. 2. [CSS] NotoSansKR 폰트 설정하기 안녕하세요 오늘은 Web 개발 시 디자인에서 가장 기본이 되는!! 글씨 폰트 설정하는 방법에 대해서 설명드릴께요~ ㅎㅎ 먼저 티스토리에서 사용하고 있는 기본 글씨체인 NotoSansKR을 적용하는 방법에 대해서 설명드릴께요~ (사실 업무에서 개발하고 있는 웹 사이트의 기본 폰트가 NotoSansKR이예요~ ㅋㅋㅋ) 제일 먼저 들어가볼 곳은 공홈이죠!! ㅎㅎ NotoSansKR은 Google에서 제공하는 무료 글씨체 중에 하나로 공식 홈페이지는 다음과 같아요~ https://fonts.google.com/noto/specimen/Noto+Sans+KR Google Fonts Making the web more beautiful, fast, and open through great typography fon.. 2022. 2. 24. 이전 1 2 다음 728x90
