나의 작은 항해일지 / TIL 나의 작은 항해일지 / TIL

역시 새로운 주차를 맞이해서 그런지 할게 너무나도 많다... 아직까지 REACT에 익숙하지 않아서 더더욱 그런듯하다.. 빡세다 빡세...! 그래도 재밌어 ㅎㅎ 오늘 한 일! 항해톡 준비! Process와 Thread 알아보기 CS스터디 발표준비! [1일 1로그 100일 완성 IT 지식] 10번 챕터 스파르타 코딩클럽 리액트 기초반 강의 1, 2주차 분량 완강 알고리즘 챌린지 문제 풀기! (1일 1문제 풀기 도전!) 📖 배운 것들 JSX가 무엇인지, JSX의 기본적인 규칙 가상 DOM의 개념 컴포넌트의 개념, 클래스형 vs 함수형 컴포넌트 React에서 CSS 사용하는 2가지 방법 Styled Components 활용해서 꾸며보기 리액트에서 DOM요소 가져오기 (Ref 사용) State 관리하기 [!] 해..

드디어 주특기 교육 시작! 왠지 두근두근하다 ㅋㅋ 강의도 새로 지급받고, 새로운 조원들도 만났고 ㅎㅎㅎ 아니 그런데.. 사전 과제 너무 빡센거 아니요 ㅠㅠ.... 당일 제출 과제길래 방심하고 오후에 시작했더니 하마터면 제출 자체를 못할 뻔 했다... 오늘 한 일! [1일 1로그 100일 완성 IT 지식] 책 읽기 10번 챕터 읽기 CS 지식 스터디 ([ 1일 1로그 100일 완성 IT 지식] 책 6~9번 챕터 ) REACT 입문반 OT 듣기! REACT 입문반 S.A 과제 (진--짜 어려웠다... @_@) 링크 스파르타 코딩클럽 리액트 기초반 강의 수강 (1주차 분량 수강중!) 알고리즘 챌린지 문제 풀기! (1일 1문제 풀기 도전!) 📖 배운 것들 느슨한 타입(loosely typed)과 강력한 타입(s..

1) 1번째 줄에서 선언된 b가 콘솔에 찍힙니다(1). 함수 hi 안에 선언된 b는 let으로 선언되어 지역변수이기 때문에 hi() 함수 바깥에서는사용할 수가 없습니다. 2) 주석을 풀게 될 경우, const로 선언된 a는 마찬가지로 지역 변수이기 때문에 hi() 바깥에서 사용할 수 없어 에러가 뜹니다. 오류를 수정하기 위해서는 전역변수로서의 a를 선언 해주어야합니다. 3) a를 함수 바깥에서 정의해 오류를 해결하였습니다. let b = 1; const a = 1; // 전역 변수로서 호출함 function hi () { let b = 100; b++; console.log(a,b); } console.log(a); console.log(b); hi(); console.log(b);

1. 스코프, 호이스팅, TDZ ■ 스코프(Scope) '범위' 라는 뜻의 영단어처럼, 스코프는 변수에 접근할 수 있는(=변수가 영향을 미치는) 유효 범위이다. 식별자(변수, 함수, 클래스)에는 접근할 수 있는 범위가 존재하며, 범위는 중괄호 { } (Block Scope) 또는 함수(Function Scope)로 인해 나눠진다. 이 범위를 스코프라고 부른다. 전역 스코프와 지역 스코프 전역스코프 (Global scope) 코드 어디에서든지 참조할 수 있다. 코드의 가장 바깥 영역이다. 전역 스코프에서 선언된 변수는 전역 변수(Global variable)라고 한다. 지역 스코프 (Local scope or Function-level scope) 코드 블록이 만든 스코프로 그 지역과 그 하위 지역에서만 ..

1. 기본형 데이터와 참조형 데이터 자바스크립트 데이터 타입은 크게 두가지인 원시형(Primitive Type)과 참조형(Reference Type)으로 분리된다. ■ 기본형데이터 (Primitive type) 숫자 (Number) 문자열 (String) 불린(Boolean) Null Undefined - ES6+ 추가 - ( Symbol ) ( BigInt ) 기본형에는 바로 값을 할당한다. 기본형은 모두 “하나”의 정보, 즉, 데이터를 담고 있다 let a = b 로 변수를 복사하게 되면, a의 값 전체가 복사되어 그대로 b에 담긴다. 즉, a와 b는 복사되었어도 여전히 독립적으로 존재하므로 서로 영향을 받지 않는다. 기본형은 메모리상에 고정된 크기로 저장된다 기본형 데이터에서 만든 값은 불변값(im..

1. 느슨한 타입(loosely typed)의 동적(dynamic) 언어 느슨한 타입(loosely typed)과 강력한 타입(strong type) ■ 느슨한 타입은 타입 없이 변수를 선언한다. ■ 강력한 타입은 타입과 함께 변수를 선언한다 -> 느슨한 타입은 내부적으로 타입이 관리되기 때문에 타입변환과 연관이 깊다. eg) 자바스크립트에서 변수 선언시 let greeting = 'hi!' 하는 식으로 따로 자료형을 쓰지 않는 반면, 자바에서는 string greeting = 'hi!' 하는 식으로 문자열이라고 미리 정해줘야한다. 정적(static) 언어와 동적(dynamic) 언어 가장 큰 차이는 소스 코드의 타입 체크 시점! ■ 정적언어 (C, C++, Java, C# 등) 컴파일 시점에 소스의 타..

오늘은 약간 널널했는지도... 내일부터 다시 죽어날 테니 컨디션을 챙기자! 오늘 한 일! [1일 1로그 100일 완성 IT 지식] 책 읽기 6~9번 챕터 읽기 CS 지식 스터디 ([ 1일 1로그 100일 완성 IT 지식] 책 4~5번 챕터 ) 코드잇 JavaScript 중급 강의 수강 중! 스파르타코딩클럽 웹개발플러스 3주차 강의 일부 수강 항해 99 2주차 알고리즘 테스트 📖 배운 것들 모던자바스크립트에서 추가된 데이터 타입 Boolean 의 형변환 And(&&)와 Or(||)의 특이한 작동방식 null 병합 연산자 [!] 해결한 문제 알고리즘 테스트 문제 풀기 >< [?] 해결할 문제 ❓ [+] 오늘 하루 좋았던 점! 😆 ㅎㅎㅎ 시험도 끝나고 과제 문제도 어제 다 풀어놔서 널널했다. 덕분에 하고싶던 ..

벌써 항해99 일정의 1/10이 끝났다.. 남은 1/9도 더 열심히 분발해서 :) 오늘 한 일! [1일 1로그 100일 완성 IT 지식] 책 읽기 4~5번 챕터 CS 지식 스터디 ([ 1일 1로그 100일 완성 IT 지식] 책 읽기 3번 챕터 ) 내일까지 쭉- 기초 알고리즘 문제 풀기! (프로그래머스 Lv.1 문제들) 35번~40번 프로그래밍 기초 달리기반 문제 ALL CLEAR!! 챌린지 문제도 풀어봐야지 ㅎㅎ 문제풀이 모음 주특기 REACT반 사전과제 수행 📖 배운 것들 sort 함수 활용 -> 기존 내림차/오름차 말고도 원하는 순서로 정렬하기! split과 join을 잘활용하면 문자열을 일부 삭제/대체할 수 있음! replace쓰기 애매할때 써보기. 자바스크립트 정규식표현 기초 [!] 해결한 문제 ..