항해99(온보딩커리큘럼)
-
온보딩 커리큘럼 [배열, 반복문 + 확인문제]항해99(온보딩커리큘럼) 2023. 3. 9. 00:35
배열 let arr = new Array(); let arr = []; let fruits = ["사과", "오렌지", "자두"]; alert( fruits[0] ); // 사과 alert( fruits[1] ); // 오렌지 alert( fruits[2] ); // 자두 아래는 배열 끝에 무언가를 해주는 메서드입니다. pop 배열 끝 요소를 제거하고, 제거한 요소를 반환합니다. let fruits = ["사과", "오렌지", "배"]; alert( fruits.pop() ); // 배열에서 "배"를 제거하고 제거된 요소를 얼럿창에 띄웁니다. alert( fruits ); // 사과,오렌지 push 배열 끝에 요소를 추가합니다. let fruits = ["사과", "오렌지"]; fruits.push("배..
-
온보딩 커리큘럼 [조건문(if, switch)]항해99(온보딩커리큘럼) 2023. 3. 7. 23:11
if문 if(...)문은 괄호 안에 들어가는 조건을 평가하는데, 그 결과가 true이면 코드 블록이 실행됩니다. if (…) 문은 괄호 안의 표현식을 평가하고 그 결과를 불린값으로 변환합니다. 형 변환 챕터에서 배운 형 변환 규칙을 잠시 상기해 봅시다. 숫자 0, 빈 문자열"", null, undefined, NaN은 불린형으로 변환 시 모두 false가 됩니다. 이런 값들은 ‘falsy(거짓 같은)’ 값이라고 부릅니다. 이 외의 값은 불린형으로 변환시 true가 되므로 ‘truthy(참 같은)’ 값이라고 부릅니다. 조건부 연산자 '?' let accessAllowed; let age = prompt('나이를 입력해 주세요.', ''); if (age > 18) { accessAllowed = true;..
-
온보딩 커리큘럼 [js기본 문법]항해99(온보딩커리큘럼) 2023. 3. 7. 20:39
alert('Hello'); alert('World'); 코드의 가독성을 높이기 위해 각 문은 서로 다른 줄에 작성하는것이 일반적이다. alert('Hello'); alert('World'); alert("에러가 발생합니다.") [1, 2].forEach(alert) alert만 제대로 출력되고 에러가 발생하는 걸 확인할 수 있습니다. alert 끝에 세미콜론을 추가해 다시 실행하면 코드는 잘 작동합니다. alert("제대로 동작합니다."); [1, 2].forEach(alert) “제대로 동작합니다.” 메시지 다음에 1과 2가 나타나는 것을 확인할 수 있죠. 세미콜론이 없을 때 에러가 발생했던 이유는 자바스크립트가 대괄호 [...]앞에는 세미콜론이 있다고 가정하지 않기 때문입니다. alert("에러가 ..
-
항해99 사전스터디 [2회차]항해99(온보딩커리큘럼) 2023. 2. 16. 00:02
오늘 스터디는 은양님의 내용정리와 강사같은 목소리와억양이 다했다 진짜 너무 잘하셔서 깜짝 놀랐다. 다음 스터디에 발표는 난데..ㅎㅎ..이게 무슨 부담감.. 거기에 영은님은 추가로 API를 알아오시고 무료로 제공되는 오픈 API도 준비해오셨다 진짜 두분다 준비성 무슨일이야...... 난 오늘 문제를 준비했는데 처음에 문제를 머할까 하다가 오빠가 알려줬던 오픈 API를 활용해서 해보기로했다. 오픈 API를 처음 링크눌러서 들어갔을때 이게 무슨말이고..대체 어떻게 하라고..?싶다가 결국 도움을 받아 시바견 사진을 랜덤으로 주는 API를 발견했다. 문제 : 해당 오픈API 사이트를 참고해서, 무작위 시바견사진을 리스트화해서 만들어보기 그냥 뼈대부터 만드세요! 하면 오래걸릴것아 뼈대도 준비해봤다 뼈대는 아래와 같..
-
항해99 사전스터디 [1회차]항해99(온보딩커리큘럼) 2023. 2. 13. 00:22
오늘 첫 스터디를했다. 발표자가 발표를 하고 각자 준비해온 문제를 하나씩 풀어보면서 안되는부분이라던가 모르는부분을 설명하면서 진행이 됬다. 첫 스터디라 어떻게 해야할지 조금 멘붕이긴 했는데 그래도 여차저차 도움된 스터디였다. 분명 1주차 강의를 2번들었는데도 문제푸는데 멘붕문제가 있었다.. ㅠㅠ 뭔가 뼈대에 대해 잘 모르는 기분이다. 어떻게 구성을 하고 처음부터 잘 짜여진 코드라기보단 그냥 즉흥적으로 이것만을 위해 만든 코드다보니 제대로 작동을 안하는것도 있었다.. 그래도 다같이 스터디를 하다보니까 서로 안되는부분이 달라 각자알아보고 같이 또 더 개선하면서 알아보다보니 새로운것도 알게됬다. 카드에 이미지를 넣었는데 각자 이미지 크기가 달라서 다르게 보였는데 나는 그냥 크기 맞는 이미지를 찾았는데 근보님이..