TIL
-
[Day 27] JS Array - filter, find, mapTIL/멋쟁이사자처럼 FE스쿨 2기 2022. 5. 6. 15:02
filter, find, map의 차이와 활용 구분하기 모든 요소가 조건을 만족하는지 확인할 때에는 filter() [ { id: '6271fd40fe5c58d4cbd3a72f', name: 'Miranda Nguyen', age: 27 }, name: 'Miranda Nguyen', age: 27 }, name: 'Florence Flynn', age: 35 }, name: 'Debbie Pratt', age: 25 } { id: '6271fd40e30856d15651c60c', name: 'Florence Flynn', age: 35 }, { id: '6271fd404394e16d79143873', name: 'Debbie Pratt', age: 25 } ] let age27over; age27ove..
-
[Day 26] JS 객체자료형 - ArrayTIL/멋쟁이사자처럼 FE스쿨 2기 2022. 5. 3. 17:32
지난 시간엔 원시자료형에 배웠다면 오늘은 객체자료형에 대해 배웠다. 객체자료형(참조자료형)은 객체를 생성하여 값을 할당하고 그 값을 복제하면 값 자체를 복제하는 것이 아니라 그 값이 위치한 주소를 복사한다. 리터럴표현: {} 객체자료형 중에서도 오늘은 Array란 무엇이고 내장 함수/메서드에 대해 알아보고 실습하는 시간을 가졌다. 배열이란? 한마디로 데이터의 집합이다. 여러 데이터를 하나의 이름으로 묶어 사용할 수 있도록 도와준다. 데이터엔 원시자료형도 올 수 있고 객체자료형도 올 수 있다. 배열 안에 있는 데이터를 element라고 부른다. 리터럴표현:[] 많은 내장함수들이 있는데, (더 많은 함수들이 궁금하다면 아래 클릭!) https://daheejo.tistory.com/13?category=12..
-
[Day 25] JS 변수와 String, Boolean, Object 자료형TIL/멋쟁이사자처럼 FE스쿨 2기 2022. 5. 2. 20:40
기본적으로 알아야할 컴퓨터 공학 지식 // computer의 10진수 연산은 정확하지 않다. // 왜? =>부동소수점 이슈 // 0.1 + 0.2 // 0.30000000000000004 // 0.1 * 3 // 0.30000000000000004 // 0.3 + 0.6 // 0.8999999999999999 // JS에서 큰 숫자를 사용할 때에는 BigInt를 사용 // 1231231231231231233 + 2 = 1231231231231231200 ?? // BigInt(1231231231231231233) + BigInt(3) String 1. parseInt()와 Number()의 차이? let txt = "ABCDEFGHIJKLMABCF" let txt2 = 'mom said \'hello w..
-
[Day 24] 모던자바스크립트 튜토리얼 보라님과 함께 하는 깃/깃헙 특강TIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 30. 00:35
오늘은 모던자바스크립트 튜토리얼 한국어본 오픈소스 오너로 유명하신 보라님과 깃과 깃헙 강의!!! 사실 운좋게도 작년에 학교에서 보라님의 깃/깃헙 특강을 들은 경험이 있었다. 덕분에 깃과 깃헙에 대한 개념을 잘 정립할 수 있었고, 작은 오픈소스 기여와 활용도 해볼 수 있었어서 정말 감사한 경험이었다. (그치만 당시 창업플젝 때문에 엄청 열심히 듣진 못했고 수업이 끝나고 사용하질 않아서 대부분 까먹었다.....) 그래서 이번에 다시 뵈어 정말 기뻤다!ㅠ^ㅠ 다시 듣는 만큼 이번에는 깃을 정말 제대로오 안까먹겠다는 마음으로 열심히 수업에 임했다! 커밋을 사용하는 내내 쭈욱 깃헙 데스크탑만 이용해왔던 나...ㅎㅎ 오늘부턴 그 습관을 버리기로 했다,,,! 간단히 몰랐던 명령어와 까먹었던 개념들에 다시 정리를 해보..
-
[Day 23] JS 변수와 숫자 자료형, 관련 함수(메서드)TIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 28. 23:11
오늘부터 본격적으로 매운맛 자스 출발~ 변수 == 변할 수 있는 수/정보 변수는 선언하고 할동하고 사용할 수 있으며, 변할 수 있는 수이므로 값을 바꿀 수 있다. 자바스크립트에서 변수를 선언할 때 var let const 키워드를 사용할 수 있다. (이 셋의 차이는 나중 수업에서 배우고 다시 정리) 전역변수와 지역변수가 있는데, 만약 위와 같은 선언 키워드가 없이 할당된다면 전역으로 선역된다. (예) a =10 전역 변수에 사용될 수 있는 자료형은 다음과 같다. typeof 'hello world' // String typeof 100 // Number typeof NaN // Number typeof true // Boolean typeof undefined // undefined typeof Symb..
-
[Day 22] TailwindTIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 27. 22:00
HTML에서 CSS 마크업을 할 수가 있다? 고거시 바로 꼬리바람이다. 테일윈드를 배우고 실습해보면서 CSS 파일 없이 페이지를 꾸밀 수 있다는 장점에는 공감을 했지만, 클래스로 떡칠이 되어가는 html..과 수정할 때 가독성이 안좋은 것 같다는 점이 나한테는 살짝 불호같다..ㅠ_ㅠ 오늘도 실습한 내용을 코드와 구현창 위주로 정리하려 한다. (테일윈드 사용시 반드시 헤드에 스크립트 소스 붙이기!!) 1) colors, fonts font-sans The quick brown fox jumps over the lazy dog. font-serif The quick brown fox jumps over the lazy dog. font-mono The quick brown fox jumps over the ..
-
[Day 21] BootstrapTIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 26. 17:38
부트스트랩은 없는 게 없는 웹툴킷이다!! 오늘 til는 직접 설명보다는 코드와 구현모습 위주로 정리해보려 한다. 실제 디자인하는 경우가 아니라 빠른 웹페이지 제작이 필요한 경우 이렇게 찾아보거나 유료 템플릿을 구매해서 적재적소에 이용하는 것이 효율적인 방법이라는 것을 오늘 수업을 통해 알 수 있었다! 그리드 시스템 https://getbootstrap.com/docs/5.1/layout/grid/#example Grid system Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, six default responsive tiers, Sass v..
-
[Day 20] 2번째 스프린트 회고 & SassTIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 26. 00:09
2번째 스프린트 회고 메이커준님과 2번째 스프린트 회고시간으로 새로운 주를 시작했다. 멋사를 시작한지 이제 4주차..! 돌이켜보니 정말 내 마인드와 실력에서 많은 변화를 체감할 수 있었다. 1번째 회고시간에선 피드백의 중요성에 대해서 알아봤다면, 이번 회고시간에서는 지금까지의 액션 플랜에 대해 점검하고 과거에서 효과있었던 학습, 교육 경험과 그렇지 않았던 경험들을 돌이켜 봄으로써 효과적인 학습과 회고 방법에 대해 같이 이야기 나누어 볼 수 있었다. 나의 가장 개선하고 싶은 액션 플랜으로 [느낀 점과 배운 점을 아낌없이 모조리 탈탈 터는 주간회고 적기]로 설정했다. 이유는 멋사 시작부터 지금까지 하루 하루 배운 거 복습과 과제에만 몰두해왔는데, 코딩뿐만 아니라 교육을 듣고 끝까지 수료를 위해서 나의 부족한..