[코드스테이츠 44기 프론트엔드 7일차 회고록] 조건문,반복문,함수에 대해

2023. 2. 21. 18:10· 코드스테이츠44기 프론트엔드

오늘은 내가 생각하는 코딩의 기초이자 코딩의 꽃 조건문 ,반복문 , 함수에 대해 공부해보았다. 

어제는 간단하게 변수와 타입에 대해 배웠었는데 오늘은 조금더 심화된 부분을 배운 거 같다. 다른 언어들과 유사한 부분이 많아서 공부하기는 쉬웠던 거 같다 ! 공부를 하면서 헷갈렸던 부분이나 중요한 부분을 작성해보겠다. 

 


동치연산자(===)

동치연산자는 두 피연산자가 동일하면 true, 그렇지 않으면 false를 반환한다. !== 는 반대로 두 피연산자가 동일하지 않으면 true, 동일하면 false를 반환한다. 

 

예전에 나는 조건문을 쓸 때 항상 == ,!=  를 써왔었다. 자바스크립트에는 === 가 있는걸 알고 있음에도 다른 언어에서 쓰이듯 == , != 를 써왔었는데 오늘 멘토분께서 자바스크립트에서는 무조건 동치연산자를 사용하라고 알려주셨다. 이점은 새로 알아가는 부분이라 따로 메모를 해놓았다. 

 

삼항 조건 연산자

if문과 else문을 삼항 조건 연산자로 바꿔 쓸 수 있다. 

삼항 조건 연산자는 조건식을 먼저 작성한 후 ? 를 입력하고 ? 뒤로 참 / 거짓 일때 실행할 코드를 각각 입련한다. 

참 / 거짓일 때 실행할 코드는 : 로 구분한다. 

let num = 5;
num % 2 === 0 ? console.log('짝수') : console.log('홀수'); // '홀수입니다.'
삼항 연산자 또한 알고있었는데 이상하게 잘 쓰지 않게 되는 거 같다. 가독성도 좋고 실행할 코드가 간단하다면 삼항 연산자를 쓰는게 좋은데 아직 익숙하지 않아서 그런거 같다. 그렇게 때문에 삼항 연산자를 많이 써보는 연습을 해봐야 할 거 같다. 

 

for 문과 while 문

for문과 while문의 용도는 명확하게 구분되지 않지만 주로 사용하는 상황은 존재한다.

 

for 문을 사용하는 경우 : 1. 반복 횟수가 비교적 명확할 때 , 2.배열 ,문자열 내부를 순회할 때 3. 반복문 중첩이 필요할 때 

while문을 사용하는 경우 : 1. 반복 횟수가 명확하지 않을 때 

 

함수 표현식 

변수를 선언할 때 사용했던 let 키워드를 사용해서 변수를 선언하고 , 함수를 할당하는 형태로 코드를 작성하면 된다.

변수에 함수를 할당한것과 같은 형태로 함수를 정의하는 것을 함수 표혁식이라고 한다. 

// 함수표현식으로 정의한 함수
let greeting = function () {
	console.log('hello world')
};

 

이렇게 헷갈렸던 개념들을 한번 더 공부해보았고 수요일에는 페어분과 함께 코플릿 문제를 풀면서 문제에  개념들을 잘 적용해 볼 것이다. !! 이번에는 막힘없이 풀어 볼 것이다. 

 

오늘도 열공!! 

'코드스테이츠44기 프론트엔드' 카테고리의 다른 글

[코드스테이츠 44기 프론트엔드 9일차 회고록] 계산기 구현하기-1  (0) 2023.02.23
[코드스테이츠 44기 프론트엔드 8일차 회고록] 조건문, 반복문 코플릿 풀기  (0) 2023.02.22
[코드스테이츠 44기 프론트엔드 6일차 회고록] javascript 타입과 변수  (0) 2023.02.20
[코드스테이츠 44기 프론트엔드 5일차 회고록] 계산기 목업 만들기  (0) 2023.02.17
[코드 스테이츠 44기 프론트엔드 4일차 회고록] Flexbox로 레이아웃 잡기  (0) 2023.02.16
'코드스테이츠44기 프론트엔드' 카테고리의 다른 글
  • [코드스테이츠 44기 프론트엔드 9일차 회고록] 계산기 구현하기-1
  • [코드스테이츠 44기 프론트엔드 8일차 회고록] 조건문, 반복문 코플릿 풀기
  • [코드스테이츠 44기 프론트엔드 6일차 회고록] javascript 타입과 변수
  • [코드스테이츠 44기 프론트엔드 5일차 회고록] 계산기 목업 만들기
배트리버
배트리버
🐾 사람 좋아, 개발 좋아 🐾 궁금한 건 끝까지 파고들고, 배운 건 즐겁게 나누는 개발자의 놀이터
배트리버
리트리버의 개발 놀이터
배트리버
전체
오늘
어제
  • 분류 전체보기
    • 네트워크
    • 기초 셋팅
    • 오늘의 일기
    • 리액트
    • 코테 준비
      • 프로그래머스
      • 백준
    • 코드스테이츠44기 프론트엔드
    • HTML-CSS-JavaScript
      • HTML
      • CSS
      • JavaScript
    • 자료구조&알고리즘
    • TypeScript
    • Git
    • Tip
    • 프로젝트
    • Next.js
    • 트러블슈팅

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 티스토리챌린지
  • 네트워크
  • 프로젝트 회고
  • 타입스크립트문법
  • BFS
  • 리액트
  • 코드스테이츠 블로깅
  • 코드스테이츠
  • KPT 회고
  • 프로그래머스
  • 탄스택쿼리
  • 오블완
  • 리액트쿼리
  • 코드스테이츠 44기
  • 코드스테이츠 44기 프론트엔드
  • 코드스테이츠 프론트엔드
  • 자바스크립트 비동기
  • 리액트 상태관리
  • 코드스테이츠 회고록
  • 자바스크립트

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
배트리버
[코드스테이츠 44기 프론트엔드 7일차 회고록] 조건문,반복문,함수에 대해
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.