본문 바로가기

전체 글125

[TIL] JavaScript - 구조 분해 할당 (Destructuring) 구조 분해 할당(Destructuring) 이란? 배열 [ ] 이나 객체 { } 의 속성을 분해해서 그 값을 변수에 담을 수 있게 해주는 문법입니다. 배열 구조 분해 // 배열의 경우 let [value1, value2] = [1, "new"]; console.log(value1); // 1 console.log(value2); // "new" let arr = ["value1", "value2", "value3"]; let [a,b,c] = arr; console.log(a,b,c) // value1 value2 value3 // let [a,b,c] = arr; 은 아래와 동일! // let a = arr[0]; // let b = arr[1]; // let c = arr[2]; //일부 반환 값 무.. 2022. 12. 5.
[WIL] 새로운 시작... 서론 프로젝트가 끝나고 새로운 조 배정을 받았습니다. 새로운 조에서 새로운 사람들과 본격적으로 리액트를 배우게 되는 것이지요!! 새로운 조장님이 엄청 계획적이신 분이여서 자신이 부족하다고 생각하는 팀원들과 같이 공부도 해주시며 커리큘럼도 짜주셨답니다. 제 2의 매니저님이 계신 느낌 하하하... 본론 지난 주는 하루종일 알고리즘 문제와 클론 코딩, 그리고 내일배움단에서 제공해 주신 강의를 들으면서 시간을 보냈습니다. 모던 자바스크립트를 읽으며 자바스크립트에 기본적인 개념을 공부하였고, DOM, SPA등 웹개발에 필요한 개념들을 강의해 주셨습니다. 또한 개인적으로 알고리즘 문제를 풀면서 이해가 안가는 부분들을 찾아서 블로그에 정리하고, 리액트 클론코딩으로 미리 예습을 했습니다. 마치며... 지난 주는 사실 .. 2022. 12. 5.
[TIL] JavaScript - DOM 서론 JavaScript를 공부하면서 DOM이 뭐냐는 질문을 들었을 때, 바로 대답이 안 나왔습니다... DOM을 항상 사용하면서 뭐냐는 질문이 들어오면 선뜻 대답하지 못하는 제 자신을 보고 아직 한참 멀었다는 것을 느끼게 되었습니다 그래서 다시 공부해보려 합니다!! DOM이란? 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 nodes와 objects로 문서를 표현한다. 이들은 웹 페.. 2022. 12. 1.
[TIL] JavaScript - Bigint 서론 알고리즘 문제를 풀다가 분명 코드는 맞게 짰는데, 중간중간에 오류가 뜨는 부분이 있었습니다. 질문하기를 통해 문제에 대해 확인해 보니 Number 원시 값의 최대치가 넘어서 오류가 발생했다고 합니다... Bigint란? Bigint는 Number 원시 값이 안정적으로 나타낼 수 있는 최대치인 2^53 - 1보다 큰 정수를 표한할 수 있는 내장 객체입니다. 출처 : MDN 2^53 - 1 보다 더 큰 수를 다룰 수 있게 됩니다. Number 타입과 같이 섞어 연산할 수 없습니다. 단, 비교는 가능합니다. Bigint는 Bigint 끼리 비교, 연산해야 합니다. 일반 Number보다는 속도 측면에서 느립니다. Math 내장 객체의 메서드도 사용할 수 없습니다. +, -, *, / , % 연산자는 사용 .. 2022. 11. 30.
[TIL] JavaScript - 얕은 복사, 깊은 복사 원시 타입(Primitive type) VS 객체 타입(Object/Reference type) 얕은 복사와 깊은 복사에 대해서 이해하기 위해서 우선 자바스크립트 데이터 타입인 원시 타입과 객체 타입에 대해 이해해야 합니다. 우선 원시 타입은 Number, BigInt, String, Boolean, Null, Undefined, Symbol 7개의 타입이 있고, 그 외 모든 데이터는 객체 타입입니다. 얕은 복사(Shallow Copy)란? 객체를 복사할 때 위의 예제처럼 원래 값과 복사된 값이 같은 참조를 가리키고 있는 것을 말한다. 객체 안에 객체가 있을 경우 한 개의 객체라도 원본 객체를 참조하고 있다면 이를 얕은 복사라고 합니다. 객체를 복사할 때, 해당 객체만 복사하여 새 객체를 생성합니다. 복.. 2022. 11. 29.
[KPT] B반 10조 HypeExpress 회고 한 주의 흐름 한 일(프로젝트 소개) 프로젝트 명: Hype Express 팀원: 박진양, 김예슬, 유영재, 한상권, 조영찬 최신 패션,음식,여행 그리고 엔터테이먼트 등 다양한 분야의 소식을 데일리 뉴스와 유니크한 콘텐츠를 제공하는 플랫폼을 기획하였습니다. 기능 모든 페이지를 반응형으로 디자인 각 카테고리별로 뉴스피드 구현 맘에 드는 피드 클릭 시 좋아요 와 스크랩 기능 추가 구현 로그인 / 회원가입 구현 로그인 시 MY PAGE로 이동 시 아이디, 사진 수정할 수 있는 설정 부분 구현 내가 쓴 글과 좋아요로 구혁을 나눠 나의 자료를 볼 수 있게 구현 파이어 베이스를 활용한 백엔드 구축 AWS S3로 배포 느낀점 예슬 플렉스 박스가 생각보다 유기적으로 돌아가지 않는 점이 어려웠다. js도 아니고 css인.. 2022. 11. 28.