언어/JavaScript (11) 썸네일형 리스트형 [JavaScript][강력 추천] slice(), splice() [엄탱][배열 내장함수#5] 해당 글은 기존에 작성한 JavaScript 글 제목이 변경되지 않아 다시 올리게 된 글입니다. 오늘은 JS 배열 내장함수 slice, splice에 대해서 준비해 봤습니다. 하루에 계획한 것을 하기 위해서 하루에 하나의 개념만 다루려고 했는데요. slice와 splice는 같이 다뤄야 할 것 같아서 같이 준비했습니다! 이 글을 보시면 slice splice에 대해서 알고 싶은 분들 확실하게 이해하고 주의사항도 알아갈 수 있습니다. 꼭 보시길 추천 드립니다. 자! 그럼 시작하겠습니다! slice, splice 간단 한 줄 정리 slice: 배열의 원하는 시작점부터 원하는 마지막 시점까지 값에 대한 얕은 복사본을 새로운 배열 객체로 반환합니다. 원본 배열은 바뀌지 않습니다. (주의할 점! 각각의 값은 얕은.. 자바스크립트는 어떻게 작동하는가? - 브라우저, 자바스크립트의 동작원리 안녕하세요!! 숯 같은 개발자 엄탱입니다!! 즐거운 추석 다들 잘 보내셨나요!? 이 글을 포스팅할 때쯤은 추석이 끝나는 날이겠네요.... 저는 이상하게 쉬는 날에 혈압? 같은 게 올라와서 뒷골이 당기는데 여러분들도 꼭 건강 잘 챙기세요:) 이 포스팅은 자바스크립트에서 제일 중요하다고 생각하는 주제 중에 하나라고 생각합니다! 그래서 제가 이번에 정말 정말 정말 너무 늦게 포스팅을 하는 것 같아요. 이번 주제가 자바스크립트의 동작원리이다 보니 더 정확하게 알고 싶은 마음에 더 자세하고 깊게 공부를 하다 보니 이상하게 점점 더 글이 안 써지더라고요.. 네.. 맞습니다.. 변명이었습니다... 그럼 변명도 했으니 바로 시작하도록 하겠습니다. 우선 자바스크립트의 동작 원리를 알기 전에 자바스크립트는 어떤 언어 일지.. 자바스크립트(JavaScript) - 자바스크립란? 안녕하세요! 숯 같은 개발자 엄탱입니다! 오늘은 엄청나게 많은 비가 쏟아지네요.. 다들 무사히 퇴근하셨는지 모르겠습니다. 내일도 많은 비가 내린다는데 다들 무사히 출근하시길 바라겠습니다 :) 오늘은 자바스크립트에 대해서 알아보겠습니다. 자바스크립트란 무엇이며, 어떻게 탄생을 했고, 어떤 식으로 사용되는지에 대해 간략하게 준비했습니다! 자, 그럼 바로 시작하겠습니다. 자바스크립트 정의 자바스크립트는 ECMAScript 사양을 준수하는 프로토타입 기반의 프로그래밍 언어로 스크립트 언어에 해당됩니다. 스크립트 언어란 간단하게 말해 다른 응용 프로그램에 삽입되어서 동작하는 프로그래밍 언어로서, 기존에 이미 존재하는 소프트웨어(애플리케이션)를 제어하기 위한 용도로 쓰이는 언어입니다. !!!주의!!! 나무위키에 따.. 자바스크립트(JavaScript) - find(), findIndex() 배열의 내장함수 #7 [엄탱 개발일지] 안녕하세요. 숯 같은 개발자 엄태민입니다!! 요새 회사일이 바빠 블로그 포스팅을 못 했습니다. 포스팅하는 게 예전에 정리한 글들을 하나씩 올리면 되겠거니 쉽게 생각하고 시작했는데 생각보다 많은 시간이 소요되네요 ㅎㅎㅎ 바로 시작하겠습니다. 오늘은 find, findIndex에 대해서 정리해보겠습니다. find와 findIndex는 별 차이가 없기 때문에 find를 자세히 설명하고 findIndex는 간단히 정리해 보겠습니다! 간단 한 줄 정리 find: 콜백 함수의 조건에 만족하는 첫 번째 요소의 값을 반환합니다. findIndex: 콜백 함수의 조건에 만족하는 첫 번째 요소의 인덱스를 반환합니다. find 정의 find의 사전적 의미는 찾다 [발견하다]입니다. 아마 값을 찾는다 아닐까요?? 단어가 쉬워.. 자바스크립트(JavaScript) - trim() string의 내장함수 #1 [엄탱 개발일지] 안녕하세요 숯 같은 개발자 엄탱입니다!! 오늘은 trim()에 대해서 정리를 해보겠습니다. trim()의 내용은 굉장히 적고 다룰 게 없어서 string의 내장 함수 replace() 함수와 함께 다루려고 했는데요. 생각보다 replace() 함수가 다룰게 많아서 따로 따로 포스팅하기로 결정했습니다! 자 그럼 바로 시작 하겠습니다! trim() 간단 한 줄 정리 trim() 함수는 문자열 양 끝의 공백을 제거합니다. trim() 정의 및 사용방법 trim()은 사전적 의미로 다듬다, 손질하다, 잘라 내다, 라는 의미를 갖고 있습니다. MDN 사이트에서는 어떻게 설명했을까요? MDN trim() 메서드는 문자열 양 끝의 공백을 제거합니다. 공백이란 모든 공백 문자(space, tab, NBSP 등)와 모든.. 자바스크립트(JavaScript) - 스코프(scope) 용어정리 #1 [엄탱 개발일지] 안녕하세요. 숯 같은 개발자 엄탱입니다! 오늘은 유독 컨디션이 좋지 않은 날이었습니다 ㅎㅎ 여러분 컨디션 조절 잘하세요!! 건강도 실력이라고 그러는데, 저는 역시나 아직은 초보자인 것 같습니다. 오늘은 스코프(scope)에 대해서 준비를 해보았습니다. 그런데 MDN 사이트에서만 참고해서 이해하기에는 자료가 부족하여 여러 블로그들을 참고하여 알아보았습니다. 아래는 참고한 사이트 주소들입니다. https://poiemaweb.com/js-scope#5-비-블록-레벨-스코프non-block-level-scope https://hanamon.kr/javascript-스코프와-변수선언키워드-차이점/ 스코프(Scope)란? (tistory.com) 자 그럼 시작해보겠습니다. 스코프의 정의 스코프(scope)는 사전.. 자바스크립트(JavaScript) - concat(), join() 배열의 내장함수 #6 [엄탱 개발일지] 안녕하세요. 숯 같은 개발자 엄탱입니다! 여러분 모두 오늘 하루 고생 많으셨습니다 :) 제가 티스토리에 글을 올리는 이유는 여러 가지 이유가 있겠지만 가장 중요한 건 제 티스토리는 공부의, 공부에 의한, 공부를 위한 사람들을 위한 장소입니다 :) 여러분 모두 파이팅입니다!! 자 그럼 시작하겠습니다! 시간 없으신 분들께서는 아래 순서대로만 보셔도 돼요! 간단 한 줄 정리 사용법 주의사항(concat) - 이 부분 정말 중요하다고 생각해요. concat, join 간단 한 줄 정리 concat(): 원본 배열 변경 없이, 배열이나 값들을 기존 배열에 합쳐 새배열을 반환합니다. join(): 원본 배열 변경없이, 배열의 모든 요소를 연결해 하나의 문자열로 만들어 반환합니다. 하하 오늘은 간단 한 줄 정리가 간.. 자바스크립트(JavaScript) - reduce() 배열의 내장함수 #4 [엄탱 개발일지] 안녕하세요. 숯 같은 개발자 엄탱입니다! 여러분은 회사 갔다 와서 자기 계발을 하시나요?? 자기 계발을 하신다면 일정을 어떤 식으로 짜시나요?? 저는 회사가 끝나고 퇴근길에 할 일들을 작성하고 집에서 실천하는데, 계획한걸 다 하기가 쉽지가 않더라고요 허허.. 여러분 모두 오늘 하루 고생 많으셨습니다 파이팅입니다!! :) 자 그럼 오늘은 배열의 내장 함수 reduce()에 대해서 작성해보도록 하겠습니다. reduce는 배열의 내장 함수 (1), (2), (3)에 비해 더 많이 공부하고 준비했으니 원하시는 내용을 얻어가시길 바라겠습니다! 혹시 잘못된 내용, 부족한 내용 혹은 궁금한 내용은 댓글로 남겨주시면 답변드리겠습니다! reduce() 함수 간단한 줄 정리 reduce는 콜백 함수를 통해 기존 배열은 변.. 이전 1 2 다음
