ex ) 제주시 소통협력센터 온라인 플랫폼 구축4개월 67,000,000 온라인 플랫폼 구축
8명이 들어가야하는 프로젝트다...(힘들 수 있다)
웹 접근성
스크린 리더, 다양한 디바이스*브라우저에서 접근 가능하도록,
스토리보드, 여태까지 실적을 통한 신뢰성, 마감까지 완수가능성 등 점수화해서 입찰
대략 이 금액이면 ppt 120장 (웹 페이지) -> 회사인원 8명이면. 하루 1.5~2장
만들어야함. => 프리랜서 고용하자 (기획자와 소통)
1개월은 기획 / 1개월은 결과 보고서 작성해야 함.
사업수행 일정
분석 및 기획 , 시스템 설계, 디자인 개발, 시범운영, 교육훈련
기획을 하기 앞서 먼저 해야하는 질문은 다음과 같다.
- 왜 웹 서비스를 만드는가?
- 핵심 요소는 무엇인가?
- 누가, 어떤 기기를 가지고 이 홈페이지를 방문하는가?
(ip 주소, ) - 어떤 기능을 제공하는가?
미리 기획하지 않으면 건물 다 지은다음 3cm만 바꿔줘 요청이 들어온다
웹 완성 시 가장 먼저 확인하는 것
1.보안
기관 사이트 보안없다면 서비스 자체가 날라간다.
누군가 법적 책임을 받아야 함.
포트폴리오 수정할 것
목적이 확실한 것
1.1만시간의 법칙은 요구사항 명확 - 핀 가능
벤딩머신 : 왜 웹페이지를 만드는지 이유가 없다 - 핀 빼기
2.세렝게티, 3.심리 : 웹 페이지 만드는 이유 ㅇ - 핀 가능
4.이력서 tailand 쓴것 - 핀 가능!!
5.감귤마켓
정글시네마 - 하나의 레포 차지 x 그냥 공부 - 핀 빼기
기획 - 마인드맵
DB 작성시 빠르게 가능
# 시안 만드는데 사용 가능 와이어프레임 - kakao oven (
큐알코드 밖으로 나오기 가능! (보여주기 가능)
pdf로 받으면 html로 변환하는 방법도 있다.
코테문제풀기
map (e =>e.value)
하면 array로 반환된다.
치트시트
https://cheatography.com/davechild/cheat-sheets/regular-expressions/
정규 표현식
aeo 중 한 개
[aeo]
a부터 z까지 중 한 개
-(대쉬)가 있으면 범위를 나타낸다.
iframe - 보안문제 DBD공격!( 신뢰할만한 iframe만 허용하기 !)
iframe은 신뢰할 만한 url ! 정규표현식으로 url 살피기.
그룹으로 나눠서 찾을 수 있다.
실전) 수량자 > 재가공해서 형식에 맞게 저장
- parcing할 때도 사용 + 회원가입
해당 문자가 몇 개 있는지를 명시하여 패턴을 찾는 방식 (유효성 검사)
* : 앞에 있는 문자가 0개 ~ N개
+ : 앞에 있는 문자가 1개 ~N개
_? : 앞에 있는 문자가 0개~ 1개
[0-9] 숫자인 문자 1개
[0-9]{3}
^는 [] 밖에서는 맨 앞, [] 안에서는 부정
-는 [] 밖에서는 그냥 문자열이고, [] 안에서는 범위를 나타낸다?- 핸드폰 번호 저장
/[0-9]{3}[-. ,]?[0-9]{4}-[-. ,]?[0-9]{4}
실전) 캐릭터 클래스
/\w/gm == [0-9a-zA-Z]
[ㄱ-ㅎ|ㅏ-ㅣ|가-힣] > 한글은 not word (영어빼고 다 ..)
정규표현식은 검색 엔진 개발쪽에서 많이 쓰고, 정말 어렵다.
컴퓨터 사이언스는 어렵다 . 그 중에서 가장 어려운 것은 정규 표현식이다...
정규 표현식은 언어 공통 !
궁금하신분은 딥다이브 591쪽..json찾기 - 특수문자 그대로를 찾고 싶다면 역슬래쉬 꼭 사용하라.
문제1
문자열 = '[(name, leehojun), (age, 10), (height, 180), (email, paul-lab@naver.com)]'
[('name', 'leehojun'),
('age', '10'),
('height', '180'),
('email', 'paul-lab@naver.com')]
문제2
문자열 = '6746-29301-28391 신한은행'
'신한은행 !!! 6746 29301 28391
답 >
문자열.match(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]+/g) + " !!! " + (문자열.match(/[0-9]{4}/g)).join(' ')
정규 표현식 정리
1. /일반문자열/
2. /^일반문자열/, /일반문자열$/ : 처음과 끝
3. /h.llo world/ : 모든 문자(dot, '.')
4. h[eay]llo world : 택1
5. /[a-zA-Z0-9]/ : 범위
6. /[^a-zA-Z0-9]/ : 부정(not)
7. /.(a|e|o)ll./ : group
8. 수량자
8.1 [eay]{3} : e, a, y 중 택 1이 3개 ({3,} : 3개 이상, {1,3} : 1개 ~ 3개)
8.2 _* : 앞에 있는 문자가 0개 ~ N개, 예를 들어 [eay]*면 e, a, y 중 택 1이 0개~ N개
8.3 _+ : 앞에 있는 문자가 1개 ~ N개
8.4 _? : 앞에 있는 문자가 0개 ~ 1개
9. 캐릭터 클래스
9.1 /\w/gm : 워드
9.2 /\w{5} /gm : 5개의 글자와 스페이스 하나
9.3 /\W/gm : not 워드
9.4 /\d/gm : 숫자
9.5 /\D/gm : not 숫자
9.6 /\s/gm : 스페이스
9.7 /\S/gm : not 스페이스
10. 이스케이프 문자(역슬러쉬, \) : /\(.*\)/g