[Day 28] 3번째 스프린트 회고 & JS 반복문 - for, while

2주마다 돌아오는 스프린트 회고!

벌써 세번째 회고시간을 맞이했다 +.+

오늘 회고시간의 주제는

'똑똑한 토이프로젝트 선정과 확장 방법'이었다.

 

토이프로젝트..

막상 시작하려고하면 제일 먼저 드는 고민은

'뭘 하지...?'

'어떻게 구현하지...?'

'어디까지 구현하지...?'

등이 있었다ㅠ

 

오늘 이 고민들에 대한 해답을 찾기 위해 메이커준님께서 다양한 질문들을 던져주셨는데,

 

일단 내가 흥미롭게 느끼는 도메인을 찾고,

내가 가진 기술을 활용하여

일단은 최소한의 핵심 기능만 갖춘 버전을 만드는 것이 핵심이다.

 

저번에 종찬님과 첫 수업 때 만든 투두리스트 과제에서

단순히 마크업과 css만 해놓고 자바스크립트 기능은 넣지 않았는데,

오늘 시간을 계기로 자바스크립트, 더 나아가 리액트를 첨가해 좀 더 고도화 해보고싶은 욕심이 생겼다..!

 

매일 매일이 바쁘다 보니 당장 언제 할지는 미지수지만......ㅎㅎ

멋사 수료 전까지는 꼭꼭 완성해봐야지!!

 

---

JS

 

for문과 while 문을 배우고 자잘하지만 실제 실무에서 쓰일 법듯한 실습들을 통해

반복문에 익숙해질 수 있었다!

 

성비 구하기

let 성별 = ['male', 'female', 'male', 'female', 'female']; 

let 남성 =0;
let 여성 =0;

for (let i = 0;i<성별.length;i++){
    if (성별[i]=='male'){
        남성++;
    }
}
console.log(남성);//2
console.log(남성/성별.length*100+'%')
// '40%'

 

 

hello world 거꾸로 출력

let txt = "hello world";
let upsideDown = '';

for (let i=0;i<txt.length;i++) {
	upsideDown = txt[i] + upsideDown
}

// 'dlrow olleh'

 

요소 간 가장 짧은 차이 구하기

age = [21, 17, 6, 55]

let oldest =0
for (let i=0;i<data.length;i++) {
    if(oldest<data[i]['나이']){
        oldest = data[i]['나이']
	}
}
console.log(oldest)//55

let youngest =10000  //기준값을 큰 값으로 설정
for (let i=0;i<data.length;i++) {
    if(youngest>data[i]['나이']){
        youngest = data[i]['나이']
	}
}
console.log(youngest);//6

 

while문 break와 continue

i=0
while (i<100){
    if(i>10){
        break
    }
    console.log(i)
    i++
}

// i>10 이 만족하는 순간 break해서 1~10까지 출력


i = 0
while(i<100){
    i++;
    console.log(i, 'start')
    if (i > 10) {
        continue
    }
    console.log(i, 'end')  
}
console.log('end')

//1,start 찍은 후 if문 만족안하므로 end
//if문 만족할 때 위로 빠져나와 다시 시작(continue)
//그리고 i<100 되는 순간 end 찍고 마무리

 

2단부터 9단까지 출력

let i =2;
let j=1;

while(i<10) {
	while(j<10) {
    	console.log(`${i}X${j}=${i*j}`);
        j++;
        }
        j=1; //9까지 끝나면 다시 1로 초기화
        i++;
   }