항해99/온보딩 스터디13 [JS] 온보딩 3주 4일차 - 동기와 비동기, 콜백지옥과 Promise 🦄 온보딩 3주 4일차 - JS동기와 비동기, 콜백지옥과 Promise ✨03/23 : 목표 : 비동기 개념에 대한 이해 오늘은 부족했던 자바스크립트 개념에 대해 이해하는 시간을 가지기로 했다. 그 동안 항상 어려워했던 동기와 비동기에 대한 개념, 콜백지옥과 Promise를 사용하는 이유와 방법에 대해 공부해 보았다. 01 동기와 비동기 1. 동기와 비동기 1) 동기(scynchrounous) : JS는 동기적이다 => hoisting이 된 이후부터, 코드가 우리가 작성한 순서에 맞춰서 하나하나씩 자동적으로 실행된다. 2) 비동기(asynchronous) : 언제 코드가 실행될지 예측할 수 없는 것을 말한다. setTimeout(() => console.log("2"), 1000); //콜백을 이용한, .. 2023. 3. 23. [항해99] 온보딩 스터디 - 3주차 1일 TIL 🦄 온보딩 스터디 3주차 1일 TIL ✨03/20 : 목표 : CSS 1강 + 네이버 검색바 만들기 오늘부터 온보딩 스터디 CSS과정을 시작한다. CSS는 이미 어느정도 다룰 줄 알기 때문에 부족했던 flex, grid 개념 등과 SASS 등에 대해 보충하여 공부해보려고 한다. 오늘은 CSS기초 강의 1강과 연습삼아 네이버 검색바를 만들어 보았다. 📒CSS 1강 + 네이버 검색바 만들기 01 네이버 검색바 만들기 Html ⌨️ List1 List2 List3 List4 List5 CSS - boder나 padding 요소에 box-sizing : border-box 해주기 .searchBar { width: 100%; max-width: 586px; display: flex; border: 2px sol.. 2023. 3. 20. [항해99] 온보딩 스터디 - 2주차 5일 TIL 🦄 온보딩 스터디 2주차 5일 TIL ✨03/17 : 목표 : Todo List 코드리뷰 정리 오늘은 어제 실습한 Todo List 리팩토링에 대해 기술 매니저님께서 코드 리뷰 해 주신 부분들을 정리해 보았다. 📒Todo List 코드리뷰 정리 01 코드리뷰 정리 1. 불필요한 updateTodo를 생략하고, todos = [ ]로 바로 생성하기 => todos = [ ... ] 자체만으로도 새로운 배열이 생성된 것이기 때문에, updateTodo를 재사용할 것이 아니라면 따로 만들 필요가 없다. 기존 코드) const addTodo = () => { const newTodo = { id: getRandomKey(), todo: todoInput.value, done: false, }; const upd.. 2023. 3. 18. [항해99] 온보딩 스터디 - 2주차 4일 TIL 🦄 온보딩 스터디 2주차 4일 TIL ✨03/16 : 목표 : Todo List 만들기 온보딩 스터디 알고리즘 4일차, 엑셀로 주신 프로그래머스 문제는 전부 풀었기 때문에 기술 매니저님께서 과제로 주신 Todo List 를 만들어 보기로 했다. 📒Todo List 만들어 보기 01 기능 구현 목표 TodoApp은 할일 목록을 기록하고 관리하기 위한 어플리케이션이다. [요구사항] 할일 리스트 정보를 갖는다. 할일을 추가할 수 있다. 할일 항목(item)은 제목, 설명, 완료여부를 포함하며 수정 또는 삭제가 가능하다. 완료 여부의 경우 완료 상태를 취소 할 수 있다. [구현] 할일 항목을 다루기 위한 정보를 데이터화 합니다. 할일 항목들을 리스트로 관리합니다. 각 항목들을 제어하기 위한 로직을 작성 합니다... 2023. 3. 17. [항해99] 온보딩 스터디 - 2주차 3일 TIL 🦄 온보딩 스터디 2주차 3일 TIL ✨03/15 : 목표 : 알고리즘 6일차 풀이 📒알고리즘 풀이 01 4일차 알고리즘 1. 자릿수 더하기 정수 n이 매개변수로 주어질 때 n의 각 자리 숫자의 합을 return하도록 solution 함수를 완성해주세요. 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 접근 방법) 1. n이 정수이기 때문에 하나하나 length에 접근하기 위해 배열 or 문자열로 변환해 준다 => 문자열로 변환 2. for문을 돌려 n의 [i]번째 length에 접근하여 값을 뽑아 => 더하기 위해 다시 숫자로 변환해 준다. 3. 이 때,.. 2023. 3. 16. [항해99] 온보딩 스터디 - 2주차 2일 TIL 🦄 온보딩 스터디 2주차 2일 TIL ✨03/14 : 목표 : 알고리즘 4일차, 5일차 풀이 📒알고리즘 풀이 01 4일차 알고리즘 1. 중복된 문자 개수 정수 배열 numbers가 매개변수로 주어집니다. numbers의 원소의 평균값을 return하도록 solution 함수를 완성해주세요. 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 내 첫 풀이) array를 순회하며 일치하면 output을 증가++시킨다. function solution(array, n) { let output = 0; for(num of array){ if(num === n){ ou.. 2023. 3. 15. 이전 1 2 3 다음
