본문 바로가기

전체 글69

[TIL] 리액트 ( intro ) 이번 글에서는 리액트는 어떤 문제를 해결하고자 나왔는지, 리액트의 철학과 추구하는 방향, 그리고 많은 개발자분들이 느끼고 있는 리액트의 공통적인 장점과 특징을 간접적으로 정리해보고자 한다. 0. 라이브러리 등장 배경 프론트앤드 라이브러리가 등장하게 된 이유는 동적인 웹 페이지를 보다 효율적으로 유지 보수하고 관리할 수 있도록 하기 위함이다. 여기서 정적, 동적인 웹 페이지가 무엇일까 ? 정적인 페이지는 웹 서버에 이미 저장되어 있는 HTML 문서를 클라이언트에게 전달하여 받은 페이지다. 기업을 소개하는 페이지라면, 단순히 기업 정보를 전달하기 위한 목적이기 때문에 유저의 인터랙션은 중요하지 않은 요소로 볼 수 있다. 이런 경우엔 단순히 HTML과 CSS의 구성만으로도 충분히 멋진 웹 페이지를 만들 수 있.. 2022. 2. 14.
[CodeKata] Week 1 - Day 1 (J.S) 약 한 달 간, CodeKata를 한다고 한다. 매일 저녁 6시-7시까지 한 문제씩 두명이 함께 알고리즘 문제를 푸는 시간이다. 정해진 배열에서 두 수를 뽑아 그 수의 합을 통해서 그 수가 배열의 몇번째에 위치하는지 찾는 문제다. 가장 먼저 떠올린 개념은 이중for문이였다. 이중 for문으로 반복문을 돌린 후, if문으로 정답을 찾아가는 로직을 생각했다. ( 아래 그림처럼 맞을 때까지 반복해야하니 이중for문을 써야겠다고 생각했다. ) const twoSum = (nums, target) => { // 아래 코드를 작성해주세요. for(let i = 0; i < nums.length; i++){ for(let j = i+1; j < nums.length; j++){ if((nums[i]+nums[j]) .. 2022. 2. 14.
[JS] indexOf() & search() - 찾는 문자열 위치알림 몇일 전, 자바스크립트 문제를 풀다가 나에게 아주 작은(?) 시련이 찾아왔다. 주어진 문자열에서 특정 문자의 위치를 찾아내 반환하는 문제였는데, "indexOf 함수를 사용하지 마세요." 라는 조건이 붙은 문제였다. 당연히 indexOf 함수로 해결하는 거 말고는 다른 방법은 도무지 생각해내지 못했다. 결국 나의 선생님, 구글에게 물어보았다. 구글선생은 나에게 search라는 함수가 있다고 알려주었다. 그래서 작성하게 된 포스팅이다. 🙋🏻‍♀️ indexOf() 가 뭐에요? 💁🏻‍♀️ string.indexOf( 찾는 문자열, position : [기본값은 0, string에서 특정문자열 찾기를 시작할 위치] ) indexOf 함수는 문자열(string)에서 특정 문자열(searchvalue)을 찾고, .. 2022. 2. 13.
[JS] includes() 메소드 - 특정 단어 포함 유무 확인 함수 자바스크립트 문자열이 특정 단어를 포함하는지 확인하거나 배열이 특정 요소를 포함하는지 확인하기 위해서 includes 메소드를 사용할 수 있다. ♥ 문자열이 특정 단어를 포함하는지 확인하는 방법 string.includes( 찾을 문자열, 시작 인덱스 ) : string 안에 인자로 전달한 문자열이 있으면 true, 없으면 false를 반환한다. ♥ 배열이 특정 요소를 포함하는지 확인하는 방법 array.includes() ( string.includes()와 동일하게 작동한다 ) 2022. 2. 13.