잘하고자 하는 마음과 완벽히 해내야 한다는 욕심이 범벅된 상태로 '그게 뭐든 무조건 많이 배우고 나오자' 되뇌며 홍대 입구역 1번 출구를 나왔다.

1. 선언형과 함수형 프로그래밍 선언형 : '무엇을' 풀어내는가에 집중하는 패러다임 함수형 : 선언형 패러다임의 일종. 작은 '순수 함수'들을 쌓아 로직을 형성하고 '고차 함수'를 통해 재사용성을 높인 프로그래밍 패러다임 고차 함수를 쓰기 위해서는 해당 언어가

1. Factory Pattern 클라이언트가 object의 생성 방법을 몰라도 factory에 어떤 object를 만들지 요청만 하면 쉽게 받을 수 있다. 즉, 복잡한 object의 생성 과정을 클라이언트가 직접 다룰 필요 없이 factory안에 숨겨놓고, 클라이

들어오는 데이터(숫자)에 따라 별점 생성하는 방법

프로젝트가 시작되기 전 매일같이 느꼈던 걱정들이 여전히 생생하다. 내가 아는 지식은 협소한데 해야하는 일들의 난이도는 그걸 훨씬 뛰어넘는 것들이어서 '과연?' 이라는 생각을 떨칠 수 없었다. 그러나 시작의 순간은 어느새 코앞으로 다가왔고.. 그래, 가 보자! 우리 팀

form 태그는 웹 페이지에서의 입력 양식을 의미한다. 로그인 창이나 회원가입 폼 등이 이에 해당하는데, 텍스트 필드에 글자를 입력하거나, 체크박스나 라디오 버튼을 클릭하고 제출 버튼을 누르면 백엔드 서버에 양식이 전달되어 정보를 처리하게 된다. 1. onSubmit

삼항 연산자는 한줄의 코드로만 이루어진 조건문일 때 사용할 수 있다. isBlack ? 'black'(true일 경우): 'red'(false일 경우) setIsReviewOpen(!isReviewOpen) => 반대값을 출력함(계속해서 이전과 반대되는 값을 출력하

Spread syntax (...)

Side Effect : 부수효과. 의도하지 않은 다른 동작 함수 내에서 모든 동작이 이루어지는 경우 => side effect 없다 함수 밖에서 값을 가져오는 경우 => side effect 있다 console.log : 대표적인 side effect 중 하나 (외부

댓글 추가 구현 시 keyDown, KeyUp 이벤트를 사용하면 한글을 입력했을 때 마지막 글자만 중복해서 추가되었다(영어는 문제 없음).그런데, keyPress 이벤트를 사용하니 문제 해결! 왜 그런고 하니...keydown과 keyup은 모든 문자를 인식하는 반면,

hello-world라는 프로젝트를 hello-people 계정의 repository에 업로드 하는 예시입니다. github repository를 hello-world라고 만들어줍니다. 프로젝트를 create-react-app을 사용해서 만들어줍니다. (프로젝트와

빈 div 태그를 만들고 border를 50px 준 뒤 top, left, right를 투명하게 설정하면 위를 향하는 삼각형 모양이 된다.

git init: 저장소 생성. 디렉토리를 생성하고 init 명령어 부여. 프로젝트 초기에 딱 한 번만 사용한다. git add: 변경하기 전 준비 상태. 쇼핑몰에서 결제 전 장바구니에 넣어두는 것과 비슷하다고 생각하면 되다. 특정 파일이나 디렉토리를 지정하고 싶으면

1. setInterval() 함수는 라고 불리는 숫자를 반환하는데요. 인터벌 아이디는 setInterval() 함수를 호출할 때 마다 내부적으로 생성되는 타이머 객체를 가리키고 있습니다. 이 값을 인자로 함수를 호출하면 코드가 주기적으로 실행되는 것을 중단시킬 수

to do list를 만들어보자

아래 링크에 있는 알고리즘 문제 해결하기!https://wecode.notion.site/JS-Algorithm-b09cd51ce7194650803a20b7ddafbef3

클라이언트는 서버에 알맞은 형태로 요청을 하고 그 결과를 사용자(user, 사람)에게 알맞게 전달하는 역할을 한다. 그러므로 클라이언트는 “웹 서버에 자료를 요청하기 위해 HTTP를 사용하는 클라이언트 프로그램” 이라고 할 수 있다. 그런데 웹 페이지 요청은 대부분 웹

배열과 반복문 활용하여 네이버 메인의 언론 목록을 구현해보자.우선, HTML에 언론사 목록을 모두 포함하는 ul 태그를 작성한다.언론사 이미지 주소로 구성된 배열을 작성한다.javascript에서 li와 img 태그를 생성하고 img 태그를 li에 appendchild

여러 요소에 한번에 같은 스타일 적용하고 싶을 때 쉼표를 사용하여 나열한다.부모-자식 간의 관계는 한 칸 띄어쓰기가 필요하며, 가장 마지막에 위치한 요소에 스타일이 적용된다.위의 css가 적용될 수 있는 html을 작성해보면 아래와 같다.하나의 요소에서 태그, 클래스,