profile
기록

과제 : 문자열, 케밥 케이스를 카멜 케이스로 바꾸기

모던 JavaScript 튜토리얼 내용 중 일부 문제를 정리한 내용입니다.케밥케이스로 작성된 문자열을 카멜 표기법으로 바꾸는 과제다. (my-short-string => myShortString) 문제를 보고 떠 오른 것은 일단 split("-") 스플릿을 활용해 -

2일 전
·
0개의 댓글
·

자료구조와 자료형 : 배열과 메서드

모던 JavaScript 튜토리얼 내용 중 일부 문제를 정리한 내용입니다.배열의 요소를 추가, 삭제, 교체하고 싶다면 splice 메서드를 사용합니다. index 는 조작을 가할 첫 번째 요소를 가리키고, deleteCount 는 제거하려는 요소의 개수를 나타냅니다.

3일 전
·
0개의 댓글
·

과제 : 최대합 부분 배열

모던 JavaScript 튜토리얼 내용 중 일부 문제를 정리한 내용입니다.숫자로만 구성된 배열이 있을 때 인접한 요소의 총합이 최대인 arr의 부분 배열을 찾고 그 부분 배열의 요소들의 합을 리턴하는 문제다. 요소 전체가 음수라면 아무 요소도 선택하지 않아서 부분 배열

4일 전
·
0개의 댓글
·

바닐라 JS, 타이머 만들기

Do it 자바스크립트 입문 책 실습 과제 내용을 정리한 내용입니다. 타이머 만들기 과제를 따라해보았다. 사용자가 분과 초를 입력하고 시작 버튼을 누르면 시간이 1초씩 줄어들고 다 줄어들면 타이머가 종료되는 타이머다. 일상에서 자연스럽게 써 오던 이런 기능도 막상 구현

5일 전
·
0개의 댓글
·

자료구조와 자료형 : 배열

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요.객체는 순서를 고려하지 않고 값을 저장하지만, 개발을 하다보면 순서를 고려해야 할 경우가 많습니다. 이런 문제를 해결하기 위해 순서를 고려하는 컬랙션인 배열

6일 전
·
0개의 댓글
·

자료구조와 자료형 : 문자열

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요.자바스크립트는 글자 하나만 저장하는 별도 자료형이 없고, 텍스트 형식 데이터는 길이에 상관없이 모두 문자열 형태로 저장됩니다. (인코딩 방식과 상관없이 항상

2022년 11월 21일
·
0개의 댓글
·

자료구조와 자료형 : 숫자형

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요.숫자를 입력할 때 0을 많이 입력해야 한다면 e 를 붙이고 0의 개수를 붙여줄 수 있습니다. 0.000001 와 같은 소수점 표현도 가능합니다. e 를 사용

2022년 11월 18일
·
0개의 댓글
·

자료구조와 자료형 : 윈시값과 메서드

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요.객체는 함수를 프로퍼티로 저장해서 메소드로 사용할 수 있습니다. 자바스크립트는 날짜, 오류, HTML 요소 등을 다룰 수 있는 다양한 내장 객체를 제공하는데

2022년 11월 18일
·
0개의 댓글
·

localstorage 사용하기

Do it 자바스크립트 입문 책의 실습 과제 일부를 정리한 내용입니다. HTML5 표준이 나오면서 클라이언트 쪽에 자료를 저장하는 방법으로 웹 스토리지가 등장했다. 웹 스토리지의 자료들은 쿠키처럼 사이트 관련 자료들을 저장하는데 쿠기와 다르게 서버에서 접근해서 읽어가지

2022년 11월 18일
·
0개의 댓글
·

왜 리액트 인가?

리액트를 다루는 기술 책 내용 일부를 발췌 & 정리한 내용입니다.현대의 자바스크립트는 단순한 스크립트 언어를 넘어 규모가 큰 애플리케이션을 만드는 역할도 수행한다. 규모가 커진 애플리케이션을 더 잘 관리하기 위해 다양한 프레임워크들이 생겨났는데 (Angular Back

2022년 11월 17일
·
0개의 댓글
·

객체 : 원시형으로 변환하기

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요객체 끼리 더하거나 빼는 연산을 한다면, 객체에서는 자동 형 변환이 일어납니다. 객체는 원시값으로 변환되고 의도한 연산이 수행됩니다. 특수 객체 메서드를 사용

2022년 11월 17일
·
0개의 댓글
·

객체 : 심볼형

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하세요.객체 프로퍼티의 키로는 문자형과 심볼형만 가능합니다. 심볼은 유일한 식별자를 만들고 싶을 때 사용합니다. Symbol() 을 사용해 심볼값을 만들 수 있습니

2022년 11월 17일
·
0개의 댓글
·

바닐라 JS 로 이미지 슬라이드 만들기

Do it 자바스크립트 입문 책의 실습 과제 일부를 정리한 내용입니다. 구현해야 할 기능의 프로그램 적 순서를 미리 생각해보면 좋습니다. 이미지 슬라이드를 만들고 이전, 다음 버튼으로 넘기며 보여주는 기능.. 이라고만 생각하고 시작할 수 도 있지만 입문자라면 구체적으로

2022년 11월 16일
·
0개의 댓글
·

콜백으로 입력한 데이터 전달하기

위코드 기업협업에 참여하며 정리한 내용입니다.아래 도식처럼 하위 컴포넌트에서 입력한 데이터가 위로 올라가 최종 view 에 반영해야 한다면 여러번 콜백함수를 거치게 된다. 아래 구조는 Editpanel 에 이벤트가 발생하는 버튼이 있어서, 그 하위에 EditpanelM

2022년 11월 15일
·
0개의 댓글
·

선택한 영역 강조하고, 특정 컴포넌트 불러오기

위코드 기업협업에 참여하며 정리한 내용입니다. 특정 영역을 클릭하면 해당 영역이 포커스되면서 강조 표시가 유지되고, 그 영역에 맞는 컴포넌트를 불러와서 우측에 띄워주는 기능을 아래처럼 구현했다. View 컴포펀트 안에 ViewNav 는 아래와 같은 형태를 가지는데, 태

2022년 11월 15일
·
0개의 댓글
·

클래스, 오브젝트, 객체지향 언어 클래스 정리 _ 유튜브 드림코딩

유튜브 드림코딩 영상을 보면 정리한 내용입니다.!youtube_DLhUBWsRtw클래스는 조금 더 연관있는 데이터를 묶어 주는 컨테이너 역할을 한다. 클래스 안에는 field 와 method 가 담길 수 있는데, field 만 있는 클래스는 데이터 클래스라고 부르기도

2022년 11월 15일
·
0개의 댓글
·

객체 : new 연산자와 생성자 함수

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하시고, 원문 하단 과제를 꼭 풀어보세요.유사한 객체를 여러 개 만들어야 할 때 new 연산자와 생성자 함수를 사용합니다. (복수 사용자, 메뉴 내 다양한 아이템을

2022년 11월 15일
·
0개의 댓글
·

위코드 3달 회고

위코드 부트캠프가 끝났다.아쉬운 것이 있다면 3개월이란 짧은 시간이었는데, 이 짧은 시간이 위코드를 선택한 이유이기도 했으니 참 아이러니하다. 3개월 만에 개발자가 되겠다는 욕심을 부렸지만, 그게 얼마나 어려운 일인지 점점 깨닫는 시간이었다. 2달 동안 개발자가 되기

2022년 11월 14일
·
0개의 댓글
·

객체 : 메서드와 this

모던 JavaScript 튜토리얼 내용 일부를 정리 요약한 내용입니다. 더 자세한 설명은 원문 링크를 참고하시고, 하단 과제를 꼭 풀어보세요.객체는 사용자와 같은 실제 존재하는 개체(entity)를 표현할 때 생성합니다. 사용자는 현실에서 로그인, 물건 선택하기 등의

2022년 11월 14일
·
0개의 댓글
·

타입스크립트 활용 연습

위코드 기업협업에 참여하며 정리한 내용입니다. 기업협업 프로젝트는 타입스크립트를 활용해 진행했다. (타입스크립트는 기존 자바스크립트에 더 명확한 타입을 명시해주는 방법) 타입스크립트 문법이 익숙하지 않은 것을 떠나 자바스크립트 기초가 부족하니 명확한 타입을 정하는 것

2022년 11월 13일
·
0개의 댓글
·