YOLOLIFE YOLOLIFE

Redux란? 👀 리덕스는 리액트에서 가장 많이 사용되는 상태 관리 라이브러리다. 리덕스를 사용하면 컴포넌트의 상태 업데이트 관련 로직을 다른 파일로 분리시켜서 효율적으로 관리할 수 있다. Redux 기본 용어 🗣 액션(Action) 상태 변화가 필요하다면 액션을 일으켜야 한다. 액션은 객체로 표현되며, type 필드를 반드시 가지고 있어야한다. { type: 'ADD_TODO', data: { id: 1, text: '리덕스 배우기' } } 2. 액션 생성함수(Action Creator) 액션 생성 함수는 액션 객체를 만들어주는 함수다. 화살표 함수로도 표현 가능하다. function addTodo(data) { return { type: 'ADD_TODO', data, } } 3. 리듀서(Reduce..

HTML이 구조면 CSS는 구조의 외부와 내부를 꾸미는 역할 CSS(Cascading Style Sheets) 웹페이지 스타일 및 레이아웃을 정의하는 스타일시트 언어. UI 및 레이아웃을 구성 프론트엔드 개발자와 CSS 관계 편안한 분위기, 정돈된 레이아웃, 문단 간격을 조정한 사이트가 보기좋고, 가독성도 증가. CSS는 사용자가 HTML문서에 작성 된 컨텐츠를 잘 이해하도록 돕는 역할. 사용자 인터페이스(UI; user interface) 인터페이스는 컴퓨터와 교류하기 위한 연결고리. 직관적이고 쉬는 UI 제작은 프론트엔드 개발자의 기본 소양 웹 개발 기술을 기반으로 사용자와 소통할 수 있는 웹 페이지 제작을 담당. 좋은 사용자경험(UX; user experience)은 직관적이고 쉬는 UI에서 나온다..

HTML :HyperTextMarkup Language의 약자 :웹 페이지의 틀을 만드는 마크업 언어 사용방법 :HTML은 tag들의 집합 :Tag 부등호로 묶인 HTML 의 기본구성요소 :html확장자 사용 트리구조 //이 문서가 HTML문서임을 명시 //html시작 태그로, 문서 전체의 틀을 구성 // 은 해당 태그가 끝났음을 의미 //body태그는 문서의 내용을 담는 곳 : Hello world //heading을 의미하며, 크기에 따라 h1부터 h6까지 있음 :Contents here //content division을 의미하며, 줄바꿈됨 : Here too! //줄바꿈이 없는 content 컨테이너 //div태그가 끝났음을 의미 //body태그가 끝났음을 의미 //html태그가 끝났음을 의미 S..

*반복문 -같거나 비슷한 코드를 여러번 실행시켜야 할 경우에 쓰는구문 let sum = 1; sum = sum + 2; sum = sum + 3; sum = sum + 4; console.log(sum); // ‘sum과 숫자의 합’을 ‘sum에 대입’ 하자 for 구문 : 반복할 조건을 초기화, 조건식, 증감문 순으로 넣어준다. let sum = 1; for(let n= 2; n연습문제 for(let n=1 ; n

변수 : 데이터보관함(메모리), 보관함의 크기는 동일, 각 보관함의 이름 = 변수, 이름을 통해 데이터 사용(재사용) 변수를 사용하는 방법 :선언(declaration) = let let age; :보관함에 데이터저장 = 할당(assignment) Age = 12; :선언과 할당 동시에 가능 let name = 'kim'; -수학에서 = 기호는 '같다'의 의미로 사용하지만, 자바스크립트에서는 변수에 할당하기 위해 사용합니다. 참고로 '같다'라는 의미의 연산자는 === -변수를 선언하고 할당하는 가장 큰 이유는 반복적으로 사용하는 값을 데이터 보관함에 넣어 두었다가 편하게 꺼내서 사용하기 위함. -데이터 보관함(메모리)의 크기는 동일합니다. -변수란 각 보관함에 붙인 이름을 의미. 표현식(expressio..

📌 성장형 마인드셋 -재능과 능력은 노력을 통해서 변할 수 있다고 생각함. -결과보다는 성장하는 과정에 집중 -새로운 도전을 기회로 보고 자신이 잘 못하는 일이라도 적극적으로 참여 -실패를 성장의 발판으로 생각 -다른사람들의 비판을 건설적인 것으로 보고 적극적으로 수용 나의 느낀점 : 내가 전 회사에서는 점점 연차가 쌓이면서 일 하다 보니 익숙해지고, 반복적인 일에 고정형 마인드셋(새로운도전을 두려워하고 기피함)이였던 것 같다. 퇴사하려니 두렵고, 새로운 일에 도전하려고 할때 너무 무서웠는데 하나 둘씩 공부하고 도전하다보니 더 성장하고 싶어졌다. 📌 메타인지 메타인지 학습전략이 왜 필요할까? 알고 있다는 확신 / 모르는게 뭔지 아는 상태 ‘생각에 관한 생각(Thinking about Thinking)’ ..

안녕하세요! 제가 4월달 초에 코드스테이츠 프론트엔드 과정 국비지원으로 신청을 했었는데요 많은 분들을 뚫고 합격을 하게 됬어요 ㅎㅎㅎ 24일까지는 정보처리기사 시험공부, 필기시험 보고 25일부터는 코드스테이츠 개강이라니! 시기가 너무 딱 맞아 떨어져서 너무 좋았어요 ㅎㅎ 우선 저는 맥북에어 m1 사용하고 있고, 원래 있던 데스크탑 모니터 연결해서 듀얼로 셋팅해놨어요 오늘은 가볍게 10시 OT를 시작으로 코드스테이츠에 대한 간단한 소개와 깃허브, 구글캘린더, 노션 등 툴 연동과 앞으로 진행 될 과정의 학습방법 등 다양한 기본적인 것들을 알려주는 시간이였어요. 6개월동안 코드스테이츠 프론트엔드 과정에 참여하면서 매일 배운 부분을 기록하고, 복습하는 시간을 가지려고 합니다. 개발자를 꿈꾸는 분들 함께 공부했으..

호이스팅: 함수 실행 전 안에 있는 변수를 최상단으로 끌어올리는 것. 즉, 함수 실행 전 어떤 변수가 있는지 다시 확인하고 기억함. console.log(a) //선언 전에 log 호출해도 오류 안남-> var 의 문제점 var a = 1 console.log(a) var / let 차이 var의 문제점 전역변수: 블락 밖에서 선언을 한 어디서든 쓰일 수 있는 변수 var a = 2 지역변수:{ } 블락 안에서 선언된 변수, 블락안에서만 쓸 수 있음 1. function foo( ){ var b = 1 } 함수만 지역변수로 호이스팅되고, 나머지는 전역변수로 올림(함수만제외) 2. var a = 1 // 변수 이름이 같아도 에러 안남 console.log(a) var a = 2 console.log(a) ..