profile
오늘이 만드는 내일
post-thumbnail

잘자라 홈 | 첫 번째 팀 프로젝트를 마치며

잘자라홈 배속 시연 프로젝트 소개 > 개발기간 : 2022.03.28 ~ 2022.04.08 (2 weeks) 리팩토링 및 배포 : 2022.04.11 ~ 2022.04.15 (1 week) 잘자라 홈 구경하기 👉 ZALZARA HOME 자라 홈 구경하기 👉 ZA

2022년 4월 23일
·
0개의 댓글
post-thumbnail

MySQL | DDL, DML, DQL 쿼리문 사용하기

SQL이란? 👉 Structured Query Language의 약자, 구조화 질의어 SQL은 관계형 데이터베이스에서 자료를 관리하기 위해 설계된 언어이다. MySQL이란? 세계에서 가장 많이 쓰이는 오픈 소스의 관계형 데이터베이스 관리 시스템(RDBMS)이다.

2022년 3월 16일
·
0개의 댓글
post-thumbnail

MySQL | Mac에 MySQL 설치하기 (M1칩)

데이터베이스는 우리가 사용하는 정보의 총 집합으로, 이를 관리하기 위한 DB로는 대표적으로 MySQL과 Oracle등이 있다.homebrew가 설치되어 있어야 합니다.

2022년 3월 16일
·
0개의 댓글
post-thumbnail

React | 함수형 컴포넌트 만들기 & 사용하기

Navigation Bar html 코드를 리액트 컴포넌트로 만들려고 한다.리액트 컴포넌트의 종류는 두가지가 있다. class형 컴포넌트function형 컴포넌트이중 현업에서 많이 사용하는 function형 컴포넌트를 사용해 아래 코드를 컴포넌트로 만들었다.기존의 ht

2022년 3월 3일
·
0개의 댓글
post-thumbnail

Git & GitHub | 작업완료 후 깃허브에 올리기

프로젝트 진행중... 로그인 버튼을 클릭하면 다른 페이지로 이동하는 코드를 완성했다. 내 로컬컴퓨터에서 라이브서버로 잘 작동되는 것도 확인했다. 이제 이 코드를 깃허브에 업데이트하려고 한다. 통상 작업완료 후 깃허브에 올리기까지의 프로세스는 다음과 같다.

2022년 2월 24일
·
0개의 댓글
post-thumbnail

TIL | HTTP 간단히 이해하기 + 응답코드

HTTP는 Request/Response(요청/응답)으로 이루어진다! HTTP 요청 메소드는 GET, POST DELETE가 있다! - HTTP 응답 상태 코드(status code)는 200(요청성공), 401(로그인필요), 500(서버문제)등이 있다!

2022년 2월 24일
·
0개의 댓글

Git & GitHub 차이점, 명령어, 사용법 정리

Git이란?정식 명칭은 분산 버전 관리 시스템(VCS)으로, 파일의 변경 사항을 추적하는 시스템이다.프로젝트의 변경사항을 기록하고, 특정 시점으로 언제든 돌아갈 수 있다.필요성 여러 사람이 효율적으로 함께 작업하기 위해 Git을 잘 다루는 것이 매우 중요하다.📎

2022년 2월 23일
·
0개의 댓글
post-thumbnail

Git & GitHub | 맥 OS에 Git 설치하기 간단히

Git을 다운로드한다. 📌 Git 다운로드 링크 https://git-scm.com/downloads

2022년 2월 23일
·
0개의 댓글

웹 서비스의 역사와 발전 | 1세대, 2세대, 3세대 웹

1세대 웹은 정적이다. 2세대 웹은 동적이다. 3세대 웹은 프론트엔드와 백엔드가 나눠진다.

2022년 2월 22일
·
0개의 댓글
post-thumbnail

CSS | float : 이미지 주변에 텍스트 흐르게하기

CSS를 이용한 레이아웃 기법 중 하나로,이미지에 텍스트를 둘러 싸기 위해 만들어졌다. 요즘은 flex기반 레이아웃을 하는 경우가 많아 float는 자주 사용되지 않는다. float의 속성값은 left, right, none이 있다. left는 요소를 왼쪽에 띄운다.

2022년 2월 19일
·
0개의 댓글
post-thumbnail

CSS | inline, inline-block, block

inline, inline-block, block 에 대해서

2022년 2월 18일
·
0개의 댓글
post-thumbnail

CSS position | relative, absolute, fixed에 대해 알아보자!

CSS 레이아웃 관련 문제를 푸는데 위치를 잡는게 헷갈린다. 앞으로 사용할 일이 많을 것 같으니 정리해둔다. CodePen(클릭)에서 헷갈릴 때마다 연습하면서 익혀야겠다. position 이란? html 코드를 작성하면 순서대로 화면에 나타난다. 그런데 순서 상관없

2022년 2월 18일
·
0개의 댓글

TIL 15 Feb, 2022 | HTML

기존: <p> 태그 안의 텍스트에 CSS를 입히기 위한 용도 정도로 알고있었다.현재: <span>은 텍스트를 담는 태그이며, 그 자체로 특별한 기능이 있지 않지만 CSS를 입히기 위해 필요하다. 줄바꿈이 일어나지 않는다.<p> 태그 없이도 단독으로 사용

2022년 2월 14일
·
0개의 댓글
post-thumbnail

JavaScript 객체

객체란 무엇이며 왜 필요할까? 📌 객체(object)는 자바스크립트의 내장 데이터 타입으로, key-value 짝을 저장한다. 객체의 데이터는 순서가 없으며, 모든 종류의 데이터 타입은 value값이 될 수 있다. 💡 객체를 이용하면 데이터를 직관적으로 다룰 수 있

2022년 2월 10일
·
0개의 댓글
post-thumbnail

var, let, const 특징과 차이점

변수의 선언은 var, const, let 키워드로 할 수 있으며, ES6에서 const와 let이 추가되었다.

2022년 2월 6일
·
0개의 댓글
post-thumbnail

JavaScript 객체는 왜 써야할까?

객체란? 객체(object)는 자바스크립트의 내장 데이터 타입으로, key-value 짝을 저장한다. 객체의 데이터는 순서가 없으며, 모든 종류의 데이터 타입은 value값이 될 수 있다. 객체가 필요한 이유 👉 자바스크립트 자료형 중 여러 데이터를 하나로 다루는

2022년 2월 6일
·
0개의 댓글
post-thumbnail

객체의 속성에 접근하는 방법 - Dot Notation과 Bracket Notation

배열의 데이터는 인덱스 값을 이용해 접근한다.객체의 속성은 key값을 이용해 접근한다.객체의 속성에 접근하는 방법 두 가지를 알아보자. 객체 이름 뒤에 .을 붙이고, 접근하고자 하는 데이터의 key값을 쓴다. 객체 이름 뒤에 대괄호를, 대괄호 안에는 접근하고자

2022년 2월 5일
·
0개의 댓글
post-thumbnail

JavaScript 배열과 반복문이 같이 사용되는 이유

자바스크립트를 공부하다 보면 for 반복문과 배열이 자주 같이 사용되는 것을 볼 수 있다. 왜 그럴까? 바로 for 반복문을 사용하면 배열의 각 요소에 접근할 수 있기 때문이다. 우리는 연관된 데이터를 묶어서 관리하기 위해 배열을 사용한다. 그런데 이렇게 배열에 모

2022년 2월 2일
·
0개의 댓글
post-thumbnail

JavaScript 🪆 반복문의 종류 다섯가지

for, while, do...while만 있는게 아니다 ! 새로 추가된 for...in, for...of 까지 알아보자.

2022년 1월 27일
·
0개의 댓글
post-thumbnail

JavaScript : 🚰 filter 사용법

여러 가지 데이터 중에 원하는 데이터만을 뽑아내고 싶다면? 🤔 이처럼 기존의 데이터 집합에서 특정 조건을 만족하는 값만 반환받기를 원할 때 filter 메서드를 사용한다. ✍️ filter 란? 자바스크립트에서 filter 는 배열에 사용하며, 주어진 함수를 만

2022년 1월 25일
·
0개의 댓글