스파르타코딩_앱개발_1주차 일지

동근·2022년 5월 22일
0
post-thumbnail

Javascript 기초 문법

  • 1) 자바스크립트
  • 2) 자바스크립트 공부 준비
  • 3) 변수
  • 4) 리스트(배열) & 딕셔너리(객체)

  • 5) 자바스크립트 기본 제공 함수
  • 6) 함수
  • 7) 조건문
  • 8) 반복문

Javascript 기초 연습

-9) 합을 구하는 함수
-10) 배열에서 특정 원소 갯수 구하기
-11) 미세먼지 값이 40 미만인 지역 이름과 값 출력하기

Javascript for 앱 개발

-12) 함축성
-13) 함수를 더 짧게 => 화살표 함수
-14) 딕셔너리 키와 값 빠르게 꺼내기! <비구조 할당>
-15) 자바스크립트 안에서 줄바꿈을 자유롭게! <리터럴>
-16) 딕셔너리를 짧게 만들어보기! <객체 리터럴>
-17) 또 다른 반복문 방식 [map]
-18) 자바스크립트 파일 모듈화

=========================================================

1주차 예제

(1) 특정 과일 갯수 세기 문제

리스트에서 특정 문자를 포함하는 갯수를 파악하는 문제로
화살표 함수와 map을 사용해 코드를 짜보았다.
if문 안에 비교하는 값을 "딸기"로 직접 적었지만 딸기 이외에 다른 과일들도
적용될 수 있도록 비교하는 값을 변수로 지정해서 입력값을 받을 수 있도록 하면 좋을 것 같다.

(2) 이메일 검사함수 만들기

indexOf함수를 이용해서 이메일이 유효한지 판별하는 코드를 짜보았다.
"@"가 포함되어있는지 아닌지 여부로 유효성을 판단하게 했고, 검사하는 문자가 없는 경우에 인덱스 값이 -1이 되는 것을 확인하고 이를 if문에 사용했다.
-1 이 제일 마지막 값을 지정하는 것을 떠올리고 마지막 값을 입력했는데 당연하게도
양수로 지정되어있었다.
자바스크립트 이메일 정규표현식을 검색하고, 다른 분들이 이미 짜놓은 이메일 유효성을 판별하는 코드를 확인할 수 있었는데 아직 기초지식이 없는 상태에서 보다 보니 이해되지 않는 부분도 있었고 정규표현식과 indexOf함수를 둘다 사용하는 것에서 흐름을 놓쳐 어려움을 느꼈다.

*아직 많이 부족하지만 많이 접하고 익숙하게 사용하다보면
언젠가는 내가 필요한 어플을 직접 짤 수 있는 날이 올 것 같다.

  2022.05.22
profile
안녕하세요 :)

0개의 댓글