728x90 반응형 전체 글86 [JS] break vs. continue Javascript에는 여러가지 제어문(control flow statemen)가 있다. 여러 제어문들 중에서 조건문이나 반복문은 익숙하지만, break문이나 continue문은 자주 햇갈리기도 하고 언제 사용해야하는지 감이 잘 떠오르지 않을 때가 있기 때문에 잊지 않기 위해 기록을 한다. break 용도: 코드 블록을 탈출시켜줌 사용처: 레이블문, 반복문(for 형제자매들, while, do while), switch문 특징: 위 사용처 외에 break를 사용할 시 문법 에러가 발생한다. // 주어진 str에서 alphabet의 인덱스를 찾는다 let str = 'you are my sunshine'; let alphabet = 's'; let index = ''; for (let i = 0; i < .. 2021. 3. 24. [JS] Rest 파라미터 vs. 스프레드 문법(Spread syntax) Rest parameter와 스프레드 문법은 모양이 똑같아서 ( ... ) 굉장히 혼돈하기 쉽다. 하지만 둘은 엄연히 다른 것이다. 사실, 그 의미를 살펴보면 서로 반대의 개념을 갖고 있다고 볼 수 있다. Rest parameters는 함수에 전달된 인수들의 목록을 하나의 배열로 전달받기 위해서 매개변수 이름 앞에 ...을 붙이는 것인 반면, 스프레드 문법은 여러개의 값이 하나로 뭉쳐있는 이터러블(iterable. e.g. 배열)을 펼쳐서 개별적인 값들의 목록을 만드는 것이다. Rest parameters: 값들을 뭉쳐서 만드는 것 스프레드 문법: 뭉쳐있는 값들을 펼치는 것 Rest 파라미터 Rest 파라미터는 매개변수 이름 앞에 점 3개를 붙여서 정의한 매개변수를 의미한다. 이때 함수에 전달된 인수들은.. 2021. 3. 23. 다크 아카데미아 방꾸미기 필수 아이템 (Dark Academia Room Decoration) 무언가 알게 모르게 차분한 기분을 느끼게 해주는 어두운 톤과 고풍스런 느낌의 아이템들, 그리고 왠지 모르게 심오하면서 존재론적인 논의를 진행할 것만 같은 분위기...! 이러한 다크 아카데미아(Dark academia) 미학이 많은 사람들의 마음을 훔치고 있다. 만약 아직 다크 아카데미아가 무엇인지 잘 모른다면 아래 두 글을 먼저 참고하자. 2020/11/05 - [Trends] - 다크 아카데미아(Dark Academia)란? 다크 아카데미아(Dark Academia)란? 우연히 한 외국 블로거의 글을 읽게 되었다. 코로나 사태가 일어난 뒤에 다크 아카데미아(dark academia) 스타일이 엄청난 유행을 타기 시작했다는 글이었다. 인스타그램, 래딧, 틱톡 등 여러 소셜미 seo-tory.tistory.. 2021. 3. 6. [JS] 자바스크립트에서 '??' 란?! (Nullish Coalescing Operator) 논리 연산자 의미 || OR && AND ! NOT 자바스크립트에선 3가지 논리 연산자를 사용하는데, 여기에 추가로 ES2020에서 새롭게 추가된 연산자가 바로 ?? 이다. ??는 Nullish Coalescing Operator라고 불린다. null-ish한 = null한 듯한 아이를 걸러준다. 아래 예시는 "A가 null 이거나 undefined이면 B로 해라"라는 의미가 된다. let choose = A ?? B 자바스크립트에선 많은 falsey value들이 있다. 빈 스트링 (''), 숫자 0, undefined, null, false, NaN 등이 falsey한 값에 속한다. ||을 사용하여 값을 리턴할 때 이런 falsey한 아이들은 모두 false로 구분되기 때문에 절대 선택되지 않는다. .. 2021. 3. 6. 코드 스테이츠 시작, 본격적인 개발자 전직 퀘스트 돌입 난 국제관계학 박사과정을 막 수료했다. 하지만 2021년 3월 2일부로 코드 스테이츠에서 웹 개발자로의 전직 퀘스트를 시작하게 되었다. 이제 이틀 공부한 구여운 새내기(>_ 2021. 3. 3. 넷플릭스 브리저튼(Bridgerton)의 배경, 섭정 시대(Regency Era)의 패션/드레스/스타일 요즘 넷플릭스의 드라마 브리저튼(Bridgerton)의 인기가 심상치않다. 2021년 1월 28일 기준으로 넷플릭스가 이제껏 제작한 작품들 중 가장 높은 인기를 보여준다고 한다. 넷플릭스에 의하면, 공개된 첫 달에 8천 2백만명이 브리저튼을 보았다고 한다. 브리저튼 브금 듣기 💜 https://www.youtube.com/watch?v=rjlejRPDYQU&t=748s 브리저튼에서 가장 눈길을 끌었던 것은 바로 아름다운 코스튬이었다. 브리저튼에서 이러한 코스튬들이 등장하게 된 데엔 배경으로 설정된 시대의 영향이 아주 크다. 본 포스트에선 브리저튼의 배경이 된 섭정 시대(Regency Era)에 대해 이야기해보고자 한다. 영국의 섭정 시대(Regency era)가 정확히 언제부터 언제까지였는지에 대해선 여.. 2021. 2. 19. 라이트 아카데미아 (Light Academia) 2020년 한해는 코로나의 해였다. 21세기 한국에 사는 우리들의 대다수는 위험한 전염병이라는 건 세계사 수업에서 흑사병이나 사극의 역병이라는 것 밖에 들어본 적 없었을 것이다. 그렇기 때문에 현실로 다가온 전염병의 위협이 더욱 크게 느껴질 수 밖에 없다. 이렇게 엄청난 스케일로 유행하는 전염병이라니! 비단 우리나라뿐만 아니라, 전세계 모든 사회에서 전염병 발생 이전보다 훨씬 어두운 분위기를 유지하고 있다. 이러한 사회상을 반영하듯, 우리의 마음을 쏙 빼앗는 미학(aesthetics)이 성행하고 있으니, 바로 다크 아카데미아(dark academia)이다. 2020/11/05 - [Trends] - 다크 아카데미아(Dark Academia)란?다크 아카데미아(Dark Academia)란?우연히 한 외국 .. 2021. 2. 4. 자바 스크립트 세번째 과제, 아티클 프리뷰(article preview) 만들기 / 처음으로 받아 본 커뮤니티 코멘트 2020/12/24 - [Learn to Code] - HTML, CSS, 자바스크립트 배운 뒤 프로젝트 하라고?! 어..어떤 프로젝트?2020/12/24 - [Learn to Code] - 프론트엔드 맨토(Frontend Mentor), 과제 제출하기!2020/12/24 - [Learn to Code] - 프론트엔드 멘토(Frontend Mentor), 과제 결과 리포트!2020/12/26 - [Learn to Code] - 자바 스크립트 두번째 과제, 반응형 FAQ 카드 만들기! 그리고 받은 결과 리포트 프론트엔드 멘토(Frontend Mentor)에서 가장 쉬운 것 부터 선택하여 자바스크립트 프로젝트를 작은 것들부터 만들어보고 있다. 아직 공부를 한지 한 달밖에 되지 않아서 새로운 프로젝트를 할 때.. 2020. 12. 27. 자바 스크립트 두번째 과제, 반응형 FAQ 카드 만들기! 그리고 받은 결과 리포트 프론트엔드 멘토(Frontend Mentor)에서의 두번째 JavaScript 과제를 제출했다. 첫번째로 도전했던건 HTML과 CSS만 사용하는 과제였고, 이번에 처음으로 자바 스크립트를 이용해야하는 걸 해보았다. (사실 튜토리얼 등을 보면서 따라한 것 외에 처음으로 어떠한 가이드 없이 혼자 자바 스크립트를 사용해본 경우였다!) 아직 HTML/CSS/자바 스크립트를 독학한지 한 달밖에 되지 않아서 이 과제도 너무나 어렵게 느껴졌다 ㅠ_ㅠ.. 직접 코드를 계속 짜봐야 된다는게 정말 맞는 말인 것 같다. 2020/12/24 - [Learn to Code] - HTML, CSS, 자바스크립트 배운 뒤 프로젝트 하라고?! 어..어떤 프로젝트? 과제 리소스로 다운받은 zip파일 안에는 디자인 리소스가 담긴 ima.. 2020. 12. 26. 이전 1 ··· 4 5 6 7 8 9 10 다음 728x90 반응형
