본문 바로가기

전체 글

 (67)
[코테] 프로그래머스 Lv.1 평균구하기 [문제] 정수를 담고 있는 배열 arr의 평균값을 return하는 함수, solution을 완성해보세요. [제한사항] - arr은 길이 1 이상, 100 이하인 배열입니다. -arr의 원소는 -10,000이상 10,000 이하인 정수입니다. [입출력 예] arr return [1,2,3,4] 2.5 [5,5] 5 [내가 적은 답] function solution(arr) { var answer = 0; arr.map(n=>answer+=n); return answer/arr.length; } [다른 사람 답] function average(array){ return array.reduce((a, b) => a + b) / array.length; } 다른 분들의 풀이를 보다가 더 간단한 코드가 있어서 정..
[Git&Github] Git의 기초 git init과 git status git init : 명령어를 실행하는 터미널에서 새로운 깃 저장소를 생성함 git status : git 프로젝트의 상태를 확인할 수 있는 명령어 위 사진처럼 git init을 하기 전에 git status를 하면 ‘not a git repository’라는 문구가 뜬다 ※ Git 초심자가 흔히 저지르는 실수 Do not init a repo inside of a repo before running git init, use git status to verify that you are not currently inside of a repo 만약 존재하는 저장소 안에 새 저장소를 초기화하고 싶다면 상응하는 .git 폴더를 지워서 저장소를 삭제 git add와 git co..
[Git&Github] Git과 Github은 무엇일까? 개발 공부를 시작하고 git과 github을 간단히 사용만 해봤지 제대로 공부해본 적은 없는 것 같아서 아래 강의를 듣고 필요한 내용들을 정리해 보려고 한다. git과 github에 대해 제대로 알고 있는 것 자체가 협엽 능력을 보여주는 거라고 생각해서 꼼꼼히 공부하고 곧 하게 될 팀 프로젝트에 적용해 봐야지! https://www.udemy.com/course/best-git-github/ 【한글자막】 Git & Github 실무 활용 완벽 가이드 Git 필수 명령어와 함께 Rebase, Squash, Stash, Reflog, Blob, Tree와 같은 고급 기능까지 한번에 마스터! www.udemy.com Git 이란 무엇인가? git은 한 마디로 vcs(version control system) ..
[JS] for 반복문: for..in 과 for..of의 차이 udemy에서 리액트 강의를 들으면서 미니 프로젝트를 만드는 중에 위 같은 오류가 발생했다 ExpenseChart 컴포넌트에 무슨 문제가 있다고 하는 거 같은데 전혀 모르겠어서 결국 강의를 켰고 for문을 사용하는 데 문제가 있다는 걸 알게 되었다 //ExpensesChart.js import Chart from "../Chart/Chart"; function ExpensesChart(props) { const chartDataPoints = [ { label: "Jan", value: 0 }, { label: "Feb", value: 0 }, { label: "Mar", value: 0 }, { label: "Apr", value: 0 }, { label: "May", value: 0 }, { labe..
[JS] 클린코드 자바스크립트 - 변수 다루기 Udemy의 '클린코드 자바스크립트'를 듣고 쓴 글입니다 클린 코드에 대해 고민하기 -타인이 정의한 답 의심하기 -클린 코드가 무엇인지 자바스크립트를 통해 학습 -자바스크립트 코드 스타일에 대해 탐구 var를 지양해야 하는 이유 var :함수스코프 let, const :블록스코프 TDZ(temporal dead zone) --> 안전하게 코드 작성 가능 1. var는 변수 재선언, 재할당 가능하다는 큰 위험성 있음 2. var는 함수 스코프 var let, const let보다도 const를 쓰는 게 좋다!! const는 재할당만 금지되고 본연의 객체, 배열 같은 레퍼런스 객체들을 조작할 때는 이상 없음
화살표 함수 오류 해결 간단한 리액트 프로젝트를 만들면서 map 함수를 사용했는데 코드가 작동하지 않는 문제 발생했다 //내가 작성한 기존 코드 {cards.map((card) => { ; })} 에러 메세지는 뜨지 않았는데 코드가 동작하지 않아서 한참을 고민하다가 map 함수와 화살표 함수에 대해서 다시 찾아봤는데 범인은 화살표 함수였다 https://ko.javascript.info/arrow-functions-basics 화살표 함수 기본 ko.javascript.info 화살표 함수를 중괄호랑 함께 작성하려면 반드시 retrun을 사용해 주어야 한다!! // 중괄호 사용할 경우 {cards.map((card) => { return ; })} // 중괄호 사용 안 할 경우 {cards.map((card) => ( ))} ..
[JS-Array-Challenge] (1) everyArray 최근에 자바스크립트랑 리액트로 미니 프로젝트를 하면서 나의 약점을 발견했다 바로 배열 함수!! 생각보다 많이 쓰이고 분명 이해도 하고 있는데 막상 쓰려면 어떻게 해야 될지 모르겠는... 그래서 우연히 알게 된 배열 함수 챌린지를 진행해 보려 한다 https://github.com/pkiop/JS-Array-Challenge GitHub - pkiop/JS-Array-Challenge Contribute to pkiop/JS-Array-Challenge development by creating an account on GitHub. github.com 위 레포를 클론해서 시작하면 된다!!! everyArray 문제 every를 이용해서 모든 원소가 짝수인지 아닌지를 판별하세요 Expected Output..
[HTML] 데이터 속성 사용하기 웹사이트를 만들다가 탭 메뉴를 구현하는데 data- 라는 처음보는 속성을 이용해서 간단하게 작업할 수 있다는 것을 알게 되었다. 처음 사용해 보았는데 매우 유용한 것 같아서 정리해보려 합니다. 먼저 이러한 데이터 속성은 특정한 데이터를 DOM 요소에 저장해두기 위함이 목적입니다. 화면에 보이지 않지만 일정한 정보를 엘리먼트에 담아두기 위해서 사용한다고 이해하면 좋습니다. HTML에서 사용하기 HTML에 아래와 같이 입력하면 데이터가 저장됩니다 JavaScript에서 데이터에 접근하기 아주 간단하게 dataset 속성을 이용해서 가져오면 됩니다 const article = document.querySelector("car") article.dataset.columns // "3" article.datase..

티스토리툴바