profile
끈기있고 꾸준하게!!

2022.06.27

반응형 웹을 구현하기 위해 기존에 px로 작성하던 css를 rem을 적용하여 추후에 반응형 웹 구현에 있어 좋은 연동성을 갖춘 페이지를 구성하였습니다.

약 7시간 전
·
0개의 댓글

2022.06.26

useState, useEffect, fetch를 통해 서버의 데이터를 프론트로 끌어오는 작업을 수행하였습니다.default state를 빈 배열로 설정하고 useEffect를 통해 데이터를 가져오는데 초기 값이 빈 배열여서 fetch된 백 데이터 안에 빈배열이 찍히는

약 7시간 전
·
0개의 댓글

2022.05.23 Day 13 - React

React SPA >SPA(Single Page Application) 어떤 웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 바꿔가며 표현하는 것. 뭔가를 클릭하거나 스크롤하면, 상호작용하기 위한 최소한의 요소만 변경이 일어납니다. 페이지 변경이 일어난

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

2022.05.22 Day 12 - React

UI(User Interface)와 UX(User Experience)가 많아지면서웹 페이지라는 단어보다 웹 애플리케이션이라는 단어가 많이 사용됩니다.이처럼 애플리케이션의 규모가 커지고 다양한 UI, UX를 구현하기 위해서는 이전의 방법(DOM, jQuery)으로는 애

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

2022.05.20 Day 11 - Instagram Clone(메인 페이지)

위와 같이 인스타그램 메인페이지를 Clone 중에 있습니다.아직 작업이 완성되지는 않았으며, 전체페이지를 보여주기 위해서 화면비율을 80%로 축소하여 캡쳐하였습니다.첫 번째, 틀구성의 중요성레이아웃을 적용할 게 많은 페이지이므로 틀구성을 어떻게 하냐에 따라 수정사항이

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

2022.05.19 Day 10 - Instagram Clone (로그인 페이지)

위와 같은 Instagram Clone을 만드는 실습을 진행하였습니다.구현 가능한 기능으로는 ID와 PW를 입력해야 로그인 버튼이 활성화되도록 하였습니다.첫 번째로 중요성을 느낀 부분은 클래스명, ID명(이하 변수명)의 중요성입니다.변수명에 따라서 가독성의 차이가 극과

2022년 5월 19일
·
0개의 댓글

2022.05.18 Day 9 - JavaScript

JavaScript JavaScirpt 위치 Script 태그 / html 파일에서 js 파일 호출 >개발을 할 때는 JavaScript 파일 만으로는 JavaScript 가 작동되지 않습니다. 브라우저가 존재해야 하고, JavaScript파일을 호출하는 html파일이

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

2022.05.17 Day 8 - JavaScript

객체는 {}를 사용하여 다른 데이터 타입(텍스트, 숫자, 배열 등..)처럼 변수에 저장할 수 있습니다.이렇게 {} 으로 생긴 모양의 객체를 object literal(객체 리터럴)이라고 부릅니다.객체는 키(key)-값(value) 쌍으로된 데이터의 모음으로써 순서가 뒤

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

Linux & Terminal

Linux는 운영체제의 일종으로 소스 코드가 공개되어 있는 대표적인 오픈 소스 소프트웨어입니다.컴퓨터 역사상 가장 많은 참여자가 관여하고 있는 오픈 소스 프로젝트입니다.모바일 운영체제로 유명한 안드로이드 역시 리눅스 커널을 가져가 쓰고 있습니다.Terminal은 컴퓨커

2022년 5월 17일
·
0개의 댓글

문서 객체 모델 DOM(The Document Object Model)

문서 객체 모델 - DOM >문서 객체 모델(Document Object Model, DOM)은 웹 페이지 내의 모든 콘텐츠(HTML)를 계층화시켜 객체로 나타내는 모델입니다. > document 객체는 페이지의 기본 진입점이라고 볼 수 있습니다. 이 document

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

2022.05.16 Day 7 - JavaScript

문자열을 숫자로 바꾸는 함수입니다.숫자를 문자열로 바꾸는 함수입니다.Date() 객체를 이용해서 날짜와 시간을 얻을 수 있습니다.현재의 날짜와 시간을 출력합니다.Date() 객체의 함수들로 여러가지 값을 가져올 수 있습니다.🚨주의사항getMonth 함수는 현재 달보다

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

2022.05.15 Day 6 - JavaScript

JavaScript JavaScript JavaScript(자바스크립트)는 웹 페이지와 상호작용하도록 만들어진 언어입니다. ✔️ JavaScript를 실행시키려면 브라우저가 존재해야 한다. HTML파일이 있어야 한다. HTML파일에서 JavaScript 파일을 연결시

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

2022.05.13 Day 5 -웹 서비스의 역사와 발전

1세대 웹 서비스의 특징 : 전통적인 웹 서비스 아키텍처 정적웹 서버가 HTML 페이지 전체를 클라이언트(ex. Web browser)에 전송단순한 정보 제공 위주User Interaction이 많이 요구되지 않음초창기 웹사이트/서비스에 적합했던 시스템1세대 웹이 정적

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

2022.05.12 Day 4 - HTML & CSS

레플릿HTML & CSS22, 23, 24

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

2022.05.11 DAY 3 - HTML & CSS

Table Input input, textarea type="text" text를 입력하는 속성입니다. 대부분의 input type은 text 입니다. 어느 텍스트나 입력할 수 있습니다. 이름, id, 주소, 닉네임 등을 입력 받을 때 사용합니다. typ

2022년 5월 11일
·
0개의 댓글

2022.05.10 DAY 2 - HTML & CSS

CSS selector CSS selector >선택자를 이용해 위와 같이 css를 작성할 수 있습니다. 아래처럼 class나 id가 selector일 때 태그와 결합할 수 있습니다. 첫 번째는 p태그이면서 p-tag 클래스입니다. 두 번째는 p태그이면서 third-l

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

2022.05.09 DAY 1 - HTML & CSS

What is HTML & CSS HTML Hypertext Markup Language의 약어로 인터넷 문서를 의미합니다. HTML의 가장 큰 특징은 링크라고 할 수 있습니다. (이미지 출처 : wecode) HTML Tags(기본적인 태그) Semantic T

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

JavaScript 배열의 요소(element), 순서(index), 길이 구하기, 배열의 요소를 추가, 삭제하는 방법

JavaScript 배열(Array) 배열의 요소 = element  배열의 순서 = index 배열의 요소(element)에 접근하기 위해서는 배열의 순서(index)를 이용하여 할 수 있다. Ex) myArray[0] - 대괄호 안에 index number를 삽

2022년 5월 8일
·
0개의 댓글

velog를 시작하며

4년 간의 대학 생활을 마치고 본격적으로 취업 준비를 시작하면서 JUST CODE 5기를 신청했습니다.대학 생활동안 스스로가 전공과 맞지 않다고 생각했었기 때문에 다소 열정적이지 못하게 공부를 해왔었고 여차저차 겨우 졸업장을 취득할 수 있었습니다.그러니 대학교를 졸업하

2022년 5월 8일
·
0개의 댓글