> 개발54 [Javascript] 객체 만드는 방법 2022년 12월 24일 작성 데이터 타입 자바스크립트에서 데이터 타입은 크게 두 가지로 나뉜다. 원시 타입과 객체 타입이다. 원시타입은 '변경 불가능한 값'으로 우리가 자주 쓰는 number,string, boolean을 포함해 null, undefinded, symbol이 있다. 원시타입을 제외한 나머지 타입은 객체 타입이다. 객체 타입은 key와 value로 구성된 프로퍼티(dog(key) : 'happy'(value)) 또는 함수인 메서드로 구성된다. 자바스크립트는 객체 기반의 언어이기 때문에 자바스크립트에서 객체는 매우 중요한 부분이고, 차후 서버에 데이터를 요청하고 받을 때 객체에 담긴 데이터를 주고 받으니 객체를 좀더 공부해야겠다는 생각이 들었다. 그래서 오늘은 나에겐 아직 낯선 class .. 2023. 2. 23. [Javascript] 변수의 정의와 선언, 할당 모던 Deep Dive를 정독하면서 정리한 개념을 블로그에 올린다. 개발 공부를 막 시작했을 땐 이 책을 보고 좌절했었는데, 개발 공부를 어느 정도하고서 책을 다시 보니 내용이 어느 정도 이해가 된다. 내가 미처 몰랐던 부분들도 꽤 있어서 그 부분을 중점으로 정리해볼 예정이다. 혹시 잘못된 정보가 있으면 지적 부탁드립니다! 😅 변수의 정의 변수란 무엇일까? 내가 처음 자바스크립트를 공부할 때 배웠던 변수의 정의는 '데이터를 담는 공간'이었다. 상자는 변수이고, 그 상자 안에 값이 들어갈 수 있다는 간략한 설명을 들었던 게 기억이 난다. 그때 들었던 정의보다 좀더 디테일한 변수의 정의는 '하나의 값을 저장하기 위해 확보한 메모리 공간 그 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름'이다. 변수가 .. 2023. 2. 22. [React] React와 JSX 2022년 12월 21일 작성 HTML, CSS, Javascript 로 만들었던 위스타그램을 리액트로 바꾸는 작업을 하고 있다. 메인을 컴포넌트로 나누니 컴포넌트당 코드가 짧아서 확실히 보기가 편하다. 아직 Vue.js와 앵귤러를 써본 적은 없지만 왜 리액트가 인기가 많은지 이해가 간다. 학습이 다 끝나면 각잡고 리액트로 사이트를 만들면서 SCSS 도 잘 활용해보고 싶다. 내 맘에 쏙 드는 리액트에 대해 알아보자!! React 리액트는 사용자의 인터페이스(UI)를 만들기 위한 자바스크립트의 라이브러리다. 자바스크립트의 라이브러리이기 때문에 자바스크립트의 문법을 그대로 활용한다. 그러니 리액트를 잘 알려면 자바스크립트 공부도 필히 해야 한다. 리액트의 특징 1. 선언적 프로그래밍 선언적 프로그래밍은 '어.. 2023. 2. 22. 브라우저 렌더링과 인터프리터, 컴파일러 2022년 12월 19일 작성 리액트를 공부하다가 다음 문장을 발견했다. Node.js 는 크롬 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임이다. V8 ? 자바스크립트 엔진 ? 런타임 ? 무슨 말일까? V8은 웹 브라우저를 만드는 데 기반을 제공하는 오픈 소스 자바스크립트 엔진 자바스크립트 엔진(JavaScript engine)은 자바스크립트 코드를 실행하는 프로그램 또는 인터프리터 인터프리터(interpreter)는 프로그래밍 언어의 소스 코드를 바로 실행하는 컴퓨터 프로그램 또는 환경 빌드는 컴퓨터에서 이해할 수 있는 실행 가능한 파일로 만드는 과정 런타임은 특정한 프로그램을 실행하기 위해 필요한 환경, 예를 들어 메모장은 txt 파일을 실행하기 위한 실행환경이고, 브라우저는 자바스크립트의 .. 2023. 2. 21. 데이터베이스와 RDBMS 2022년 12월 14일 작성 위코드 2일차에는 데이터베이스와 관계형 데이터베이스에 대해 배웠다. 다대다 관계가 어려워서 모델링 과제를 할 때 애를 많이 먹었다. 지금은 프론트엔드 관련 지식을 습득하는 데 집중해야 하지만, 나중에는 데이터베이스에 대해서도 심도있게 공부해보고 싶다. 들어가기 전에 프론트개발자가 SQL, DB 를 직접 다룰 일은 많지 않다고 한다. 그런데도 프론트엔드 개발자가 데이터베이스를 알아야 하는 이유는 무엇일까? 프론트엔드 개발자는 증권 사이트나 쇼핑몰처럼 데이터를 화면에 보여주는 웹, 앱의 UI를 만든다. 이런 사이트를 만들기 위해서 프론트엔드 개발자가 백엔드 개발자에게 필요한 정보를 요청하면, 백엔드 개발자는 데이터베이스에 정보를 요청한 뒤 데이터를 받아서 프론트엔드 개발자에게 .. 2023. 2. 20. [Javascript] 로그인 기능 - 글자수제한 구현하기 2022년 12월 12일 작성 오늘은 위코드 1일차이다. 첫 날이라 오리엔테이션과 간단한 프론트엔트 수업을 들었다. 오리엔테이션 때에는 멘토 소개와 향후 일정 안내, 앞으로 있을 수업을 위한 개발 환경 셋팅을 했고,이후에는 프론트엔드 개발자가 하는 일과 학습할 언어에 대해 간략하게 설명을 들었다. 오늘의 과제는 '인스타그램 클론코딩하기'이다. 요구하는 기능을 구현하기 위해 사용해야 하는 메소드들은 생각이 났는데, 함수와 메소드를 잘 연결시키는 과정이 헷갈려서 시행착오를 많이 겪었다. 계속 활용을 해서 체득화할 수 있도록 노력해야겠다. 필요 사항 id 와 password 에 입력된 글자가 한 글자 이상일 때, button 비활성화 → 활성화가 되어야 함 구현 방법 1. CSS 문제 버튼에 color: wh.. 2023. 2. 19. 이전 1 ··· 6 7 8 9 다음
