자바스크립트33 [리액트 React] 심화반 강의 1주차 정리 ✅ Javascript Re-start! (1) - 기본 1️⃣ 변수와 상수 🔹 변수 생성의 3단계 ▶️ 선언 -> 초기화 -> 할당 - 선언 : 실행 컨텍스트에 변수 객체를 등록(스코프가 참조하는 대상이 되도록) - 초기화 : 변수 객체에 등록된 변수를 위헤 메모리에 공간을 확보(여기서 변수는 보통 undefined로 초기화) - 할당 : undefined로 초기화된 변수에 실제 값을 할당 👌 var var는 가급적 사용하지 않는 것이 좋다. - var로 선언한 변수는 블록 스코프가 아니라 함수 수준 스코프를 가진다. - var는 선언과 초기화를 한번에 한다. - 재선언이 가능하다. - 선언하기 전에도 사용할 수 있다. // var는 이런 식의 사용도 가능하다. // var name은 선언! name .. 2022. 8. 4. 항해99 TIL - 4주차 리액트 과제 시작 & 오늘 배운 새로운 것들 기록 ✅ 오늘 동료들에게 들은 말! 매일 동료들에게 나는 어떤 팀원이고 개발자인지 듣는 건 재미있다. 항상 새롭다. 난 아직 코딩 실력이 많이 부족한 것 같은데, 팀원들의 색다른 이야기를 들으면 난 이런 사람이구나 새삼 깨닫게 되기도 하고 위축될 법 하지만 다시 일어날 수 있는 계기가 되어준다. ❓ 블로그 어떻게 쓰나요? 지금 항해 몇일차인지 모르겠으나,,? 4주정도 지난 이 날, 영업일(?) 기준으로 18일 정도 지났는데 블로그 게시글이 벌써 70개가 되었다. 👌 어떻게? 왜? 그냥 배운 모든 것을 정리했다.! 알고리즘을 배웠으면, 모두 내용이 다를테니 하나하나 정리하고 내가 어떻게 이해했는지 써보고 강의를 들었으면, 강의 다 듣고 강의자료 보면서 똑같이 써보고 이해가 안 되면 자료 다시 보고 CS스터디를 .. 2022. 7. 31. [리액트 React] 숙련 학습 자료 정리 ✅ 컴포넌트 꾸미기(CSS-in-JS) 1️⃣ CSS-in-JS란? 단어 그대로 자바스크립트 코드로 CSS 코드를 작성하여 컴포넌트를 꾸미는 방식 새로운 패키지를 사용한다. 2️⃣ styled-components란? 리액트에서 CSS-in-JS 방식으로 컴포넌트를 꾸밀 수 있게 도와주는 패키지 👌 yarn add styled-components 👌 기본적인 사용법 SC의 기본적인 원리는 꾸미고자 하는 컴포넌트를 SC의 방식대로 먼저 만들고 그 안에 스타일 코드를 작성하는 방식으로 진행된다. * App.js import React from "react"; // styled-components에서 styled 라는 키워드를 import 한다. import styled from "styled-component.. 2022. 7. 29. [생활코딩] 입문자를 위한 자바스크립트 기초 강의 #자바스크립트 소개 # 자바스크립트 기초 초반 기초 내용은 사실 아는 내용들이지만, 천천히 정리해가면서 개념을 다져가고자 정리를 시작하려고 한다! 꾸준히 매일매일 공부하기👌 ✅ 자바스크립트란 - 자바스크립트는 프로그래밍 언어이다. - 자바스크립트는 주로 웹(웹사이트) 개발을 위해 사용한다. - 브라우저가 가진 기능을 실행 시키거나, 웹 페이지의 내용을 조작할 수 있다. ✅ 객체란 무엇일까 - 객체는 자바스크립트의 핵심 개념으로, 값 또는 기능을 가지고 있는 데이터이다. - 사용자는 자바스크립트 코드를 이용해 웹브라우저 객체에 접근할 수 있다. - 객체 뒤에 점을 찍으면, 객체가 가진 데이터가 기능을 사용할 수 있다. - 객체가 가진 기능을 '메소드'라고 한다. - 자바스크립트 문법에도 주석이 있다. 두 가지 방법으로 주석을 만들 수 있다 (//.. 2022. 7. 28. [리액트 React] 입문 학습 자료 정리 ✅ React란 무엇일까? 1️⃣ React.js React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript라이브러리이다. "컴포넌트"라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕는다. 프론트엔드 개발자사이에서는 앵귤러, 뷰와 더불어 가장 많은 인기를 얻고 있다. SPA를 전제로 하고 있으며, Virtual DOM을 활용하여 업데이트 해야하는 DOM요소를 찾아서 해당 부분만 업데이트 하기 때문에, 리렌더링이 잦은 동적인 모던 웹에서 빠른 퍼포먼스를 낼 수 있다. 2️⃣ 주요 특징 🔹 컴포넌트 기반 스스로 상태를 관리하는 캡슐화된 컴포넌트를 만든다. 그리고 이를 조합해 복잡한 UI를 만들어본다. 컴포넌트 로직은 템플릿이 아닌 JavaScri.. 2022. 7. 28. [알고리즘] 3진법 뒤집기 문제풀이(자바스크립트 javascript) (풀기 전에 알아야 할 것) 1. toString() : ()안에 숫자를 넣어주면, 숫자 진법으로 변경된다. 2. parseInt(string, radix) : 전달 받은 문자열을 전달 받은 radix로 분석한 정수를 반환한다. 해당 문자열은 3진법이니까 3진법으로 분석한 정수를 반환한다고 이해하면 된다. 👌 45는 10진법이니까 3진법으로 바꿔주기 n.toString(3) // 문자열 1200 👌 배열로 나눠주기 n.toString(3).split('') // 1,2,0,0 👌 뒤집어 주기 n.toString(3).split('').reverse() // 0.0.2.1 👌 다시 묶어주기 n.toString(3).split('').reverse().join('') // 0021 👌 문자열 0021이므로 .. 2022. 7. 20. 이전 1 2 3 4 5 6 다음
