학습내용

프로젝트 사이트 요구사항 정리하기, 웹빌더 '식스샵' 사용해보기, 프로그래머스 알고리즘 문제 1개 풀이

프로젝트 진행 과정

• 프로젝트를 의뢰한 기업에서 전혀 피드백이 없어서 아직 혼란스럽다. 일단 일반적인 쇼핑몰 사이트를 구성하면 된다고 이해하긴 했지만 나를 포함한 팀원들의 사기가 떨어져보인다.
• 웹빌더 식스샵은 무료로 이용해볼 수 있고 레퍼런스 사이트가 해당 웹빌더로 만들어졌기 때문에 일단 식스샵을 시작해보았다. 디자인을 세부 조정하기엔 어려움이 많다. 프론트엔트 부분만 직접 짠 코드로 대체할 수 있을까?

알고리즘

2021 카카오 블라인드 채용 - 신규 아이디 추천
https://programmers.co.kr/learn/courses/30/lessons/72410

어렵지 않은 여러 단계들로 이루어진 문제라고 생각했는데, 정규표현식에 대한 이해가 부족해서 풀기 어려웠다. 이참에 자바스크립트 정규표현식을 한 번 정리해보았다.

2021 카카오채용연계형 인턴십 - 숫자 문자열과 영단어
https://programmers.co.kr/learn/courses/30/lessons/81301

저녁에 하나를 더 풀어보았다. 어쩌다보니 오후에 정리한 정규표현식을 다시 써보게 되었다. 정규표현식 내부에는 변수를 삽입할 수 없는걸까?

정규표현식 (regExp)

정규표현식이란 특정 문자, 숫자의 패턴을 기호로 간결하게 표시하는 방법이다. 문제 중 기호 제거 부분을 해결하기 위해 검색하다가 발견했다.

• 팀원 분께서 참고용으로 주신 링크 첨부
  정규표현식 연습사이트
  정규표현식 소개영상

• []이 괄호 안 문자나 숫자는 개별 객체로 처리되는 듯: a~z까지 문자열, 0~9까지 숫자, -, _, .를 제외한(^) 모든 글자를 지우기

answer = answer.replace(/[^a-z0-9-._]/gi, '');

• 특정 요소 뒤 {}를 통해 반복되는 개수에 따라 선택할 수 있다.

answer = answer.replace(/[.]{2,}/gi, '.'); // 2개 이상일 때만 삭제

• ^a = a로 시작하는 것, a$ = a로 끝나는 것

answer = answer.replace(/^[.]|[.]$/gi, ''); // 처음이나 끝에 . 있으면 제거

• 겨우 풀고 나서 다른 분들의 풀이를 보니 정규식과 체이닝으로 코드 양을 많이 줄일 수 있다는 것을 배웠다.