Frontend 개발자 - hyo.loui

❤️‍🔥TIL : Today I Learned 구조 분해 할당 - 자바스크립트 표현식 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. (출처: MDN) 구문 var a, b, rest; [a, b] = [10, 20]; console.log(a); // 10 console.log(b); // 20 [a, b, ...rest] = [10, 20, 30, 40, 50]; console.log(a); // 10 console.log(b); // 20 console.log(rest); // [30, 40, 50] ({ a, b } = { a: 10, b: 20 }); console.log(a); // 10 console.log(b..

❤️‍🔥WIL: Weekly I Learned 티스토리 포스팅 = 매일 TIL 일지 fanpick 프로젝트 = 발표 및 KTP 회고 모던 자바스크립트 = 기초, 브라우저 정독 JS 심화 = 강의 3회 정주행 Weekly review 티스토리 포스팅 내용에 들어가는 내용에 핵심적인 부분만 담고 나머지 공부한 내용은 따로 포스팅 해야겠다 다른 팀원들의 TIL 을 보고 난 후 현재까지 작성했던 TIL 은 내용모두를 상세하게 적어 효율적인 공부를 하지 않는 것 같다고 느꼈다 TIL 은 오늘 공부한 내용의 핵심만을 요약하여 작성하고 해당 하는 카테고리의 키워드 중심으로 배운 내용을 코드에 작업하는 방법, 작업 내용을 중심으로 작성 하도록 시도 해야겠다! WIL 또한 LEARN 이기에 배운 내용적인 부분을 다시한번..

❤️‍🔥WIL: Weekly I Learned 이번 주 한 일 티스토리 포스팅 = 매일 TIL 일지 첫 Project - fanpick = 프로젝트 완성 (기획 > 프로그래밍 > 배포) Project review 또 느낀다.... 하루가 너무 짧다... 우선 회의를 통해 머리를 맞대고 SA 를 작성하며 기획을 했고, 우선적으로 난 팀원들이 같이 문제없이 작업 할 수 있도록 Git, github 'repository' 를 생성하고 팀원들을 합류시켰다. 프로젝트 키워드는 ' 팬 커뮤니티 서비스' 로 정해서 프로젝트 네임은 'fan pick' 으로 결정 되어 컨셉을 잡고, 레퍼런스 사이트도 정했다. 너무 감사하게도 창순님이 디자인 전공이셔서 와이어프레임 / 러프디자인 을 맡아주셔 첫 진행부터 수월하게 진행되었..

더보기 ❤️‍🔥TIL : Today I Learned try...catch 개발을 하다보면 누구나 에러를 만나고, 또 누구라도 에러가 생기기 마련이다. 이러한 에러로 인해 다른 구문이 실행이 안되는 상황이생겨, 렌더링을 마무리하지 못하게 된다. if/else 문을 통해 예외 처리를 할 수 있지만 모든 개발자가 수많은 에러를 예측하기 쉽지는 않다. 그래서 우리는 try...catch 를 통해 코드가 중단되는 것을 방지하고 에러의 예외처리를 해놓는다면, 더 안정적인 코드를 작성할 수 있다 try(시도) 하여 에러가 발생하면 try(잡는) 문법 이다. try{ //실행될 코드 } catch (error) { //에러 발생 시 실행할 코드 } 그래서 if/else 를 사용하는 것 처럼 try 와 catch 라는..

❤️‍🔥TIL : Today I Learned forEach() 배열을 순회하며, 인자로 전달한 함수를 호출하는 반복문이다. 배열, Set, Map 에서 사용 가능하다 forEach() 문법 배열 순회 배열 순회 - Lambda 식 value, index 인자로 받기 value, index, array 인자로 받기 Set 에서 forEach()로 요소 순회하기 Map 에서 forEach()로 요소 순회하기 forEach() 문법 arr.forEach(func(value, index, array)) value : 현재 돌고있는 데이터 index : 현제 돌고있는 데이터중 index array : 배열중 하나 result = cal(b=2, a=1) : 매개변수 호출 시 매개변수명을 지정해서 대입한다면 순서..

S.A (Starting Assignments) 💾 Project : 팬PicK 제목 ✔ 와이어프레임 ✔ 기능 분류 ✔ 📝 첫 번째 회의 내용 프로젝트 서비스 키워드 : 스터디(채팅) 새상품(거래) 사이드프로젝트(매칭) 반려동물(커뮤니티) 챌린저스(매칭) 🚩팬(커뮤니티) * 투표하여 선정 제목 프로젝트 네임 : 홍보팬 팬결고리 🚩팬Pick - fix * 투표하여 선정 💡 참조 레퍼런스 #팬픽 : 스타와 팬이 함께하는 공간 #팬픽 : 스타와 팬이 함께하는 공간 shopfanpick.com Disquiet* Disquiet* IT 서비스 메이커들의 소셜 네트워크. 디스콰이엇에서 서로의 프로젝트를 공유해 보세요! disquiet.io velog velog 디자인 저작권 문제로 디자인은 올릴 수 없지만 내가 보..

❤️‍🔥TIL : Today I Learned 객체 { Object } 정보를 한번에 담을 수 있는 큰 범위의 데이터가 필요할 때 사용한다. 어렵게 표현하면 "물리적으로 전재하거나 추상적으로 생각할 수 있는 것 중에서 자신의 속성을 갖고있고 다른 것과 식별 가능한 것" 이다. 객체를 생성하는 방법은 크게 3가지가 있지만 가장 효과적인 리터럴 방식을 포스팅하겠다! // 영어 버전 const person1 = { name : 'seung hyo', age : 26, sayHello : function(){ console.log(this.name + 'Hello!'); } }; console.log(person1); person1.sayHello(); // 한글 버전 const 사람1 = { 이름 : '승효'..

❤️‍🔥TIL : Today I Learned 조건문 [ if ➕ else if ➕ else ] 조건을 만족했을 때만 코드를 실행합니다! 이 조건의 결괏값이 앞서 우리가 배운 'boolean'입니다 보통 비교 연산자를 활용하며, "()" 소괄호 안에 있는 내용이 true 라면 "{}" 중괄호 안에 있는 코드를 실행합니다. false 라면 다음 조건 (else if, else)을 실행하거나 다음 조건이 없다면 넘어갑니다! 조건문에 사용되는 구문은 위처럼 3가지! if 와 else if 그리고 else 먼저 첫 조건을 가지려면 if 구문으로 코드를 작성합니다 if ('조건') { 조건을 만족할 때 실행 할 코드 } 이후 if 구문의 조건을 만족하지 않았을 때 실행하고 싶은 코드는 else 또는 else if..