블로그 이름을 입력해주세요

계속 html css 작업 중 이미지 구한 후 인기 공유 오피스 리스트업 완료 프로젝트용, 상업적으로 이용할 예정이 없음으로 이미지 구글 리서치했음 인기 공유 오피스 리스트 6개로 추리고 캐러셀 모드의 옵션을 자동으로 슬라이드를 넘기게 구현할 예정 인기 공유 오피스 창 밑에 간단하게 공유 오피스에 대해 소개와 마케팅 글 추가 예정

초안을 토대로 UI 퍼블리싱 단계 시작 필요한 정보구조 분석 및 기능 분석 예정 상업적 사용과 무관함으로 이미지 데이터 리서치 시작 Slick 라이브러리 추가 Slick 라이브러리를 사용함으로써 겪게 되는 사소한 문제 현재 리액트 개발 방식과는 다소 올드한 클래스형 컴포넌트로 문서를 소개하고 있다 slick라이브러리 디자인을 커스텀으로 직접 변경 시 제대로 적용되지 않음 해결 방안 클래스형 컴포넌트를 함수형 컴포넌트로 변경하여 적용시켜 보았다 적용이 매우 잘된다 slick라이브러리 디자인도 컴포넌트 요소안에 하나씩 클래스를 부여하여 scss파일을 통해 디자인 직접 변경함

이 글을 통해서 브라우저가 어떻게 동작하는지 설명해 보려 한다 글을 천천히 읽고 나면 웹 브라우저의 동작 원리를 이해할 수 있을 거라 생각한다 브라우저의 기능 브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것이다 보통 HTML 문서지만 이미나, PDF 등 다른 형태가 될 수 있다 자원들의 주소는 URI(Uniform Resource Identifier)에 의해 정해진다 브라우저는 HTML과 CSS 명세에 따라 HTML 파일을 해석해서 표시하는데 이 명세는 웹 표준화 기구인 W3C(World Wide Web Consortium)에서 정한다. 과거에는 브라우저들이 일부만 명세에 따라 구현하고 독자적인 확장을 함으로써 심각한 호환성 문제를 겪었지만 최근에는 브라우저들 대부분..

기존 공포 스토리 아이디어 철회 새로운 아이디어 시작 아이디어 철회 이유 기존 공포물을 너무 내가 좋아하는 것만 하려고 했다 재밌는 기능만 넣으려고 하다 보니 사용자 편의성이나 정보가 필요한 사이트가 아니라서 실용성이 떨어진다고 판단 변경 프로젝트 프로젝트 명 : 공오(05) 목적 : 개인 사용자, 스타트업 기업을 위한 공유 오피스의 정보를 모아 놓은 사이트 제작 초안

* 현재 이 게시글은 아이디어 기획 변경으로 유효하지 않음 오늘 진행한 일을 말해 보자면 내가 좋아하는거 생각해보기 어떤 웹 사이트를 만들 것 인가 목적 정하기 초기 기획과 프레임 만들어 보기 나는 공포물을 굉장히 좋아한다 현재 mbc에서 하고 있는 심야 괴담회를 정주행하고 공포 영화가 개봉하는 여름이 다가오면 혼자서 심야나 조조를 보는게 좋다 귀신을 무서워 하지만 그건 실제로 내 눈앞에 귀신이 나탈 날까 무섭기 때문이고 귀신을 믿지는 않는다 그리하여 나는 무서운 이야기를 모아놓은 재밌는 웹 사이트를 만들기로 결정했다! 프로젝트 명 : 다크 목적 : 출퇴근이나 자기 전 간편하게 볼 수 있는 무서운 이야기 스택 : html, css, javascript, React, Typescript (추후 백엔드 필요..

시작 전 혼자 공부해야 할 시기가 오면서 웹 개발 기본 지식에 관한 게 너무 부족하다고 느꼈다 공부하면서 바로 바로 기록을 하기는 하는데 막상 다른 걸 하고 있다 보면 자주 보게 되진 않는다 그래도 자주 들어오게 되는 블로그에 기록을 하려 한다 그래서 HTTP가 뭡니까? HyperText Transfer Protocol HTTP는 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜입니다 - Mozilla 여기서 프로토콜은 규칙을 의미하고 지금까지 이 HTTP 규칙에 맞춰 웹 개발이 이루어 졌다 HTTP는 서로 정보를 교환할 수 있다 최근에는 HTML 문서 전송뿐 만이 아니라 XML, JSON 등 다양한 형태의 정보를 전송하는 프로토콜이다 HTTP 통신 클라이언트와 서버 클라이언트? 서버에게..

학원 수료가 코앞까지 다가온 지금 참 많은 생각을 들게 한다 동기생들 모두 하나같이 사이드 프로젝트 얘기가 나오며 개발자로서 일을 하기 위해 안간힘을 쓰고 있다 나 또한 쉼 없이 달려왔다 단 하루라도 편하게 보낸 적이 없었고 매일 쫓기듯 시간의 압박과 늘지 않는 실력 때문에 불안함을 가지고 시간을 보내왔다 사실 내가 정말 만들어보고 싶었던 사이트는 그 속에 있지 않았다 새로운 기술을 배울 때, 동료들과의 유대, 한 공간 안에서 같이 뿜어내는 학구열은 있어도 내가 처음 개발을 배우고 만들고자 했던 나만을 위한 사이트 그런 건 없었다 일을 하고 먹고살기 위해 했던 스킬들 뿐이다 나는 오늘부터 아주 허접하고 대단할건 없지만 서도 나를 위한 사이트를 만들어 볼까 한다 재미를 직접 찾으려 한다 아무도 봐주지는 않..

리액트에서 그래프형 차트를 만들 때 사용할 수 있는 라이브러리다 대표적으로 사용하는 차트 라이브러리는 Recharts와 Chart.js가 양대 산맥인 듯하다 Recharts는 값 변경이 매우 직관적이고 간단하게 차트를 불러올 수 있다는 점에서 조금 더 애용하는 듯하다 Installation NPM # latest stable $ npm install recharts 터미널을 켜고 npm 설치를 진행한다 테스트용으로 app.js에 코드를 만들어도 확인하고 시작하는 것도 좋다 import { LineChart, Line } from 'recharts'; const data = [{name: 'Page A', uv: 400, pv: 2400, amt: 2400}, ...]; const renderLineCha..