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

5주차 과제도 어찌어찌 마무리..! 아직 손봐야할 부분이 많다. 영상찍다가 급 발견한 오류도 있고 ㅠ... 늘 과제에 아쉬움이 남는다는게 참... 그래도 기본 요구사항은 채웠으니까.. 하고 만족해야 하나.. 그러나 잡지 못한 오류들과 빈틈들이.. 아숩다 아수워.. 일찍 끝낼 줄 알았는데 이렇게 꽉 채워 시간을 쓰게 될 줄이야.. 리덕스 툴킷을 이용해서 비동기 처리하는 방법을 안배웠는데 억지로 찾아서 하느라 관련 문제가 파바아ㅏ방방 발생해버렸다.. 심지어 리액트 라우터도 손에 안 익은 ... v6... 구버전이 더 손에 익은데... 구버전으로 했어야 했나 싶다가도 아니 그래도.. 써봐야하지 않나 싶기도 하고.. 모르겠다. 리액트 심화주차 개인과제 요구 조건 ■ 회원가입 페이지 1. 이메일 형식 체크, 비밀..

리액트 숙련주차 개인과제 요구 조건 ■ 메인페이지 1. 게시글 목록이 카드뷰로 나타난다. 2. 게시글 내 예시는 파란 글씨로 나타난다 3. 게시글 데이터는 리덕스에서 관리한다 4. 게시글 데이터는 파이어스토어에서 가져온다 +추가기능(필수x) 게시글 수정해보기, 무한 스크롤 붙이기 ■ 작성페이지 1. 게시글 작성에 필요한 input 3개를 ref로 관리하기 2. 작성한 게시글을 리덕스 내 게시글 목록에 추가하기 3. 게시글 목록을 파이어스토어에 저장하기. ■ 배포 AWS S3 또는 파이어베이스를 이용해 배포한다. -> 저번에 S3 썼으니 이번에는 파이어베이스를 선택함! ㅋㅋㅋㅋㅋ 처음에 샘플 프로젝트 링크가 나와있어서 보고 헐; 이거는 무리다; 싶어서 진짜 식업했는데 알고보니까 그냥 선생님이 구경해보라고 ..

리액트 입문주차 개인과제 요구 조건 ■ 메인페이지 1. 요일별 평점을 1~5 정수로 랜덤하게 뿌려준다. 2. 일주일 평균 평점을 보여준다. 3. 리셋버튼을 누르면 평균 평점이 0이 된다 4. 각 요일별 화살표를 누르면 해당요일의 상세페이지로 이동한다. +추가기능(필수x) 오늘의 요일이 꼭대기로 오게 한다. ex) 금요일에 찍은 영상이니 금요일이 꼭대기! ■ 상세페이지 1. 무슨 요일의 상세페이지인지 알수 있도록 ㅇ요일이라고 제목이 붙는다 2. 동그라미를 눌러서 평점을 입력할 수 있다. 3. 남기기 버튼을 누르면 이전 페이지로 이동한다. +추가기능(필수x) 키보드 1~5를 눌러서 평점을 입력할 수 있게한다. ■ 배포 AWS S3 또는 파이어베이스를 이용해 배포한다. -> 나는 S3를 선택함! 추가기능까지 ..

https://youtu.be/UqpE0jI17i0 뭔가 하나 끝내니 기분 좋았다..! 짧은 시간안에 호다다닥 말하느라 바빴지만.. 그래도 같이 공부하는 동기들에게 도움이 되었으면 좋겠다. 동기... 동기 사랑 나라사랑.. 동기와 비동기.. Async..... @-@ 뇌가 녹아간다

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# 등) 컴파일 시점에 소스의 타..