[멋사 FE 스쿨] 37일차 리뷰

멋쟁이사자처럼 프론트엔드스쿨 w/ 제주코딩베이스캠프

---

오전(09:00~11:50) 수업 w/ Licat

morning break

• 프로젝트 방향성을 위해 서비스 기획을 앞으로
• 정규표현식 무시하면 안됨

웹 서비스 개발 기획

• 개발을 몰라도 들을 수 있는 수업!
• 대부분은 서비스 기획까지 같이 하게 될 거임
• 6700에 4개월이면 긴걸까 짧은걸까?
  → 어엄청 짧은 것
  투입 인력 8명이면 끝낼 수 있는데
  6명이 6700 잡고 하면 못 끝낸다
  그런데 회사 PM이 이런 감각이 없을 수도 있다.
  PM을 계속 설득을 해야한다.
  사수나 리더랑 협의해보고 안되면 야근철야
• 웹 접근성?
  → 다양한 브라우저에서 접근 가능
• 프로젝트 완성되면 가장 먼저 하는 것?
  → 보안 체크
  생각보다 이런 기초가 잘 안되어 있는 사람들이 있다.
• 호스팅, 하자보수 항상 문제 된다. 췤
• 1명당 보통 minimum 1.5~2페이지는 만들어야 한다.
• 우리를 갈아서 회사가 움직이려고 하는건지, 회사가 우리를 위해주고 있는지를 잘 판단해야한다. 프로젝트 맡으면 엄청 열심히 하게 되는 것은 당연한건데
• 반드시 초기 기획 때 다 정하고 가야한다
• 이력서 만든 것도 프로젝트라 할만 하다.
• 공부한걸 그냥 pinned 해봤자 안본다.
  → 이 서비스를 왜 만들었나 하는 페이지를 본다.
• 기획은 말 한마디로 한 사람을 밤 새우게 할 수 있는 자리..ㄷㄷ
• 정보구조, 화면구조, 기능목록 설계할 때 무작정 하는 것이 아니라 스토리보드를 짜보고 하자
• 기획은 창의적이면서도 정성이 많이 들어간다
• 배보다 배꼽이 크지 않게끔
• 스토리 보드, 마인드 맵 짜기에 좋은 사이트
  http://freemind.sourceforge.net/wiki/index.php/Main_Page → freemind
  https://www.mindmeister.com/ko
• 프로그래머가 주의해야할 것 → 용어
  기획자들은 개발 용어 이런거 모른다
  modal 창, carousel 이런 말 쓰지 말고
  눌렀을 때 뜨는 창 이런식으로 말하기
• https://ovenapp.io/
  이런 페이지에서 페이지 만들어보면서 숨겨진 페이지를 생각해내야한다.
  면접에서 와이어프레임 써봤나 이런거 물어볼 수도 있음

코딩테스트문제

• 카카오 코테를 준비한다? → 최상위를 준비하는거다~

---

오후(13:00~18:00) 수업 w/ Licat

코테 이어서

• 공백으로 구분 되어 있다? → split(' ')해줄 것부터 생각하고 다른 것들은 차후에 생각해도 되고
• 코테 풀 때, 개인적으로 n으로 쓰는걸 안좋아하신다고..
• 코딩도장, leetcode
• 문자열 압축 문제는 어떤 oj를 가도 있는 문제
• 실습간 얻어 간 것
  for ... in에서 index는 string이다. 따라서 순서가 중요한 array의 경우 for in으로 순환해줄 수는 없다.

정규표현식

• node에서 parsing할 때
• 정규표현식 cheat sheet
• iframe → dbd 공격의 문제
• ^는 [] 밖에서는 맨 앞, [] 안에서는 부정
• 는 [] 밖에서는 그냥 문자열이고, [] 안에서는 범위를 나타낸다
• \w는 [0-9a-zA-Z]랑 같다.
• 구글의 이메일 정규표현식
  ^([\w._-])*[a-zA-Z0-9]+([\w._-])*([a-zA-Z0-9])+([\w._-])+@([a-zA-Z0-9]+.)+[a-zA-Z0-9]{2,8}$
• \[.*\처럼 쓰기보다는 \[.*\]처럼 쓰자

문자열 = '6746-29301-28391 신안은행'
문자열.match(/[가-힣]+/g)[0] + " !!! " + 문자열.match(/[0-9]{4,}/g).join(' ')
// '신안은행 !!! 6746 29301 28391'
문자열 = '[(name, leehojun), (age, 10), (height, 180), (email, paul-lab@naver.com)]'
문자열.match(/\([a-zA-Z0-9, -@]+\)/g).map((e)=>e.replace(/\)/g, '').replace(/\(/g, '').split(', '));
// ['name', 'leehojun', 'age', '10', 'height', '180', 'email', 'paul-lab@naver.com']

• 정규표현식으로 풀라고하는 문제가 나온다