서스포PAR_개발블로그

정규표현식이라는 단어가 나오는데 어떻게 사용하는지, 어디서 이용되는지 궁금해졌다. 🎁 오늘은 정규 표현식에 대해서 알아보도록 하자 🎁 💖 정규표현식(regex)이란? 특정한 규칙을 가진 문자열의 집합을 표현하기 위해 사용하는 언어. 정규표현식을 사용하면, 복잡한 조건문이 아닌 한줄로 간단히 표현할 수 있다.(가독성은 떨어지기 때문에 숙지필수!) 주로 문자열의 검색과 치환을 위한 용도로 쓰인다. 🔊 언제 사용할까? 1. text에서 원하는 특정 pattern을 찾을 때 (전화번호/ 홈페이지 등) 2. pattern을 다른 문자열로 변환 3. 사용자가 입력한 데이터가 특정 pattern에 유효한지 유효성 검사 (이메일 / 비밀번호) 📑 정규 표현식 사용법 ✨기본 규칙 // RegExp 객체를 이용하는 방법 ..

알고리즘 문제를 풀다보면 메소드 관련이 많이 나와 헷깔리는 부분이 많았다. 더 나은 문제풀이와 커리어를 쌓기위해 메소드를 정리하도록 마음 먹었다. 💖 자바스크립트 String.prototype 메소드 종류 String 메소드는 String 객체에 정의된 문자열과 관련된 작업을 할 때 사용하는 메소드입니다. 더보기 메소드 설명 indexOf() String 인스턴스에서 특정 문자나 문자열이 처음으로 등장하는 위치의 인덱스를 반환함. lastIndexOf() String 인스턴스에서 특정 문자나 문자열이 마지막으로 등장하는 위치의 인덱스를 반환함. charAt() String 인스턴스에서 전달받은 인덱스에 위치한 문자를 반환함. charCodeAt() String 인스턴스에서 전달받은 인덱스에 위치한 문자의..

💖 기본 태그 웹 문서의 유형을 html로 지정문서를 html로 시작, 언어를 한국어로 지정   💖 문서 구조 태그 헤더 영역메인 영역콘텐츠 영역사이드 바 영역푸터 영역    내비게이션 영역,문서 내 다른 위치, 다른 문서로 연결할 때 사용독립적인 콘텐츠를 사용할 때콘텐츠 영역여러 소스 묶기    💖 텍스트 입력 , , , , , 제목단락줄 바꿈, 닫기태그 없음인용문, 들여쓰기 적용됨텍스트 굵게, 주로 중요한 내용일 때텍스트 굵게, 단순히 굵게 표시할 때텍스트 기울임, emphasis의 준말, 강조할 때텍스트 기울임, italic의 준말, 단순히 기울여 표시할 때텍스트 밑줄텍스트 취소선 줄임말참고 내용소스 코드작은 텍스트아래 첨자위 첨자공동작업문서에 새로운 내용 삽입공동작업문서에 기존 내용 삭..

웹페이지의 뼈대를 구성하는 언어 HTML : Hyper Text MarkUp Language 마크업 언어인 HTML인데 마크 다운도 존재할까라는 의문이 들었다. 마크업(MarkUp) 언어, 마크다운(MarkDown) 언어 개념정리를 확실히 알고 넘어가자! 💖 마크업(MarkUp)언어란? 마크업 언어는 "마크(Mark)"로 둘러싸인 언어입니다. "태크(Tag)"로 둘러싸였다고도 표현합니다. HTML, XML 등의 마크업 언어들은 문서의 구조를 정의합니다. 쉽게 말하면 문서의 골격에 해당하는 부분을 작성하는데 사용합니다. 💖 마크다운(MarkDown)언어란? 마크다운 언어는 마크업 언어의 일종으로, 존 그루버(John Gruber)와 아론 스워츠(Aaron Swartz)가 만들었습니다. 읽기도 쓰기도 쉽다는..

갑작스럽게 git push가 되지 않았다. 어떻게 하면 해결 할 수 있는지 천천히 알아보도록 하였다. 등록되지 않은 기기에서 clone이나 push가 일어나면 인증문제로 발생되는 문제입니다. 결과적으로 유저의 ssh가 등록되지 않아 접근권한이 없어서 나오는 문제입니다. 💖 Permission denied (publickey)해결방법 🔊 1. Git Bach로 터미널 열기 🔊 2. 터미널에 작성해주세요 🎁 ssh-keygen -t rsa -C "깃허브 아이디" 🎁 ssh-keygen -t rsa -C "ghdtlsdnjs12@naver.com" 🔊 3. 비밀번호 설정 후 Enter Generating public/private rsa key pair. Enter file in which to save th..

🚨 문제 설명 🚨 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 * 으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 🚨 제한 조건 🚨 s는 길이 4 이상, 20이하인 문자열입니다. function solution(phone_number) { var answer = '*'.repeat(phone_number.length-4) + phone_number.slice(-4) ; return answer; } 💖 String String 객체는 원시 타입인 문자열을 다룰 때 유용한 프로퍼티와 메소드를 제공하는 레퍼(wrapper) 객체이..

🚨 문제 설명 🚨 정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. 🚨 제한 조건 🚨 1. num은 int 범위의 정수입니다. 2. 0은 짝수입니다. function solution(num) { var answer = num % 2 ? "Odd" : "Even"; return answer; } 💖 삼항연산자 삼항연산자 는 참(true) / 거짓(false) 에 따라 선택적으로 실행되는 조건문으로 주로 if문을 줄여 간단하게 만들고 싶을 때 사용한다. [삼항연산자] 조건문 ? 선택문1 (true값) : 선택문2 (false값) - 조건문이 참(true) 면 선택문1을 실행 / 거짓(false) 이면 선택문2를 실행 💖 산술연산자 - ..

API를 하다 보면 cors오류를 접하게 되었다. 왜 발생하는지 어떻게 해결하는지 알아보자! 💖 CORS(Cross-Origin Resource Sharing) 🚨 Access to fetch at ‘https://api.lubycon.com/me’ from origin ‘http://localhost:3000’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. If an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS di..