본문 바로가기
반응형

TIL/코드스테이츠 TIL106

코드스테이츠 소프트웨어엔지지어링 부트캠프 +18일 오늘 배운 것 Spread/Rest 구조분해 (Destructing) 1. Spread/Rest 문법 Spread 문법 주로 배열을 풀어서 인자로 전달하거나, 배열을 풀어서 각각의 요소로 넣을 때에 사용한다. function sum(x,y,z){ return x+y+z; } const numbers = [1,2,3] sum(...numbers) // 6 // //배열을 풀어서 각각의 요소로 들어간다. //sum(1,2,3) 이 된다. Rest 문법 파라미터를 배열의 형태로 받아서 사용할 수 있다. 파라미터 개수가 가변적일 때 유용하다. function sum(...the Args){ return theArgs.reduce((previous, current) => { return previous + cur.. 2021. 8. 6.
코드스테이츠 소프트웨어엔지지어링 부트캠프 +17일 오늘은 많은 개념을 배웠다. 1. 원시자료형과 참조자료형 1-1. symbol 2. 스코프 3. 클로저 원시자료형과 참조자료형의 차이 원시자료형은 값을 저장하고 값을 복사하기 때문에 원본에 영향이 없다. boolean, number, string, null, undefined, symbol이 있다. let a = 3; let b= a; //b에 a의 값을 복사한다. a //a = 3 b //b = 3 b=2; //b에 2할당해도 a //a의 값은 여전히 3이다. 애초에 변수 b에는 변수 a의 값인 3이 복사되었기 때문에 나중에 변수 b에 2를 할당하는 것은 변수 a 와 관련이없다. 참조자료형은 주소를 저장하고 주소를 복사하기 때문에 원본에 영향이 간다. let a = [3,1,2] let b = a //.. 2021. 8. 4.
코드스테이츠 소프트웨어엔지지어링 부트캠프 +16일 오늘 CSS 레이아웃 연습을 했다. CSS 레이아웃에 대해 포스팅할께 한가득 생겼지만 밤 11시 58분.. 우선 다 적어뒀다가 주말에 하기로.. 정규 수업시간에는 트위터를 비슷하게 클론코딩했다. 스샷찍어서 올리려고 보니 너무 허접해서 안올리기로 한다. 여튼 엄청나게 잘한 동기들이 있었는데 그 사람들을 보고 자극을 받아 저녁내내 나만의 로그인창을 만들었다. 결과는 와우 ! 뿌듯하다. hover 를 사용해서 메시지에 마우스를 대면 하얀색이 되도록 했다. 레이아웃, 디자인 display : flex; align-items : center; justify-content : center; height : 100vh; border-radious : rem; //테두리를 둥글게 background-color : tr.. 2021. 8. 4.
코드스테이츠 소프트웨어엔지지어링 부트캠프 +15일 객체를 공부했다. 코플릿이 어려워서 두 번 더 풀었다. 코플릿을 계속 풀다보니 dot notation 과 bracket notation 의 활용에 대해 자연스럽게 알게 되었고 간단히 정리하였다. 요약하면 변수를 활용할 수 있느냐 없느냐의 차이다. https://wnsdufdl.tistory.com/36 JS 객체 dot notation과 bracket notation 객체 dot notation과 bracket notation 객체의 표기법에는 두가지가 있다. dot notation bracket notation dot notation : key.value. (value는 문자열이다.) 읽기 쉽고 더 자주 사용하는 방식이다. 객체를.. wnsdufdl.tistory.com for ..in 과 for.. .. 2021. 8. 3.
반응형