본문 바로가기

전체 글

처음부터 배포까지 Day2 기존 공포 스토리 아이디어 철회 새로운 아이디어 시작 아이디어 철회 이유 기존 공포물을 너무 내가 좋아하는 것만 하려고 했다 재밌는 기능만 넣으려고 하다 보니 사용자 편의성이나 정보가 필요한 사이트가 아니라서 실용성이 떨어진다고 판단 변경 프로젝트 프로젝트 명 : 공오(05) 목적 : 개인 사용자, 스타트업 기업을 위한 공유 오피스의 정보를 모아 놓은 사이트 제작 초안 더보기
처음부터 배포까지 Day1 * 현재 이 게시글은 아이디어 기획 변경으로 유효하지 않음 오늘 진행한 일을 말해 보자면 내가 좋아하는거 생각해보기 어떤 웹 사이트를 만들 것 인가 목적 정하기 초기 기획과 프레임 만들어 보기 나는 공포물을 굉장히 좋아한다 현재 mbc에서 하고 있는 심야 괴담회를 정주행하고 공포 영화가 개봉하는 여름이 다가오면 혼자서 심야나 조조를 보는게 좋다 귀신을 무서워 하지만 그건 실제로 내 눈앞에 귀신이 나탈 날까 무섭기 때문이고 귀신을 믿지는 않는다 그리하여 나는 무서운 이야기를 모아놓은 재밌는 웹 사이트를 만들기로 결정했다! 프로젝트 명 : 다크 목적 : 출퇴근이나 자기 전 간편하게 볼 수 있는 무서운 이야기 스택 : html, css, javascript, React, Typescript (추후 백엔드 필요.. 더보기
HTTP를 알고 계신가요? 시작 전 혼자 공부해야 할 시기가 오면서 웹 개발 기본 지식에 관한 게 너무 부족하다고 느꼈다 공부하면서 바로 바로 기록을 하기는 하는데 막상 다른 걸 하고 있다 보면 자주 보게 되진 않는다 그래도 자주 들어오게 되는 블로그에 기록을 하려 한다 그래서 HTTP가 뭡니까? HyperText Transfer Protocol HTTP는 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜입니다 - Mozilla 여기서 프로토콜은 규칙을 의미하고 지금까지 이 HTTP 규칙에 맞춰 웹 개발이 이루어 졌다 HTTP는 서로 정보를 교환할 수 있다 최근에는 HTML 문서 전송뿐 만이 아니라 XML, JSON 등 다양한 형태의 정보를 전송하는 프로토콜이다 HTTP 통신 클라이언트와 서버 클라이언트? 서버에게.. 더보기
처음부터 배포까지 챌린지 학원 수료가 코앞까지 다가온 지금 참 많은 생각을 들게 한다 동기생들 모두 하나같이 사이드 프로젝트 얘기가 나오며 개발자로서 일을 하기 위해 안간힘을 쓰고 있다 나 또한 쉼 없이 달려왔다 단 하루라도 편하게 보낸 적이 없었고 매일 쫓기듯 시간의 압박과 늘지 않는 실력 때문에 불안함을 가지고 시간을 보내왔다 사실 내가 정말 만들어보고 싶었던 사이트는 그 속에 있지 않았다 새로운 기술을 배울 때, 동료들과의 유대, 한 공간 안에서 같이 뿜어내는 학구열은 있어도 내가 처음 개발을 배우고 만들고자 했던 나만을 위한 사이트 그런 건 없었다 일을 하고 먹고살기 위해 했던 스킬들 뿐이다 나는 오늘부터 아주 허접하고 대단할건 없지만 서도 나를 위한 사이트를 만들어 볼까 한다 재미를 직접 찾으려 한다 아무도 봐주지는 않.. 더보기
[React] Recharts 라이브러리 리액트에서 그래프형 차트를 만들 때 사용할 수 있는 라이브러리다 대표적으로 사용하는 차트 라이브러리는 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.. 더보기
[CSS] sass를 사용하는 이유! 네스팅 문법 처음 개발을 시작할 때 꾸역꾸역 박스를 만들어 보고 마진을 넣어 보고 박스 크기는 왜 안 맞지? 분명 박스 안에 패딩을 넣었는데 왜 적용이 안되지? 그렇게 정신 없이 css를 익힐 때쯤 들려오던 sass sass sass! 그때 당시에는 sass와 css의 큰 차이가 없는 거 같아 쭉 css를 선호해 왔다 리액트를 배우기 시작하면서 찰떡궁합이라고 하는 sass를 알아본다 css와 sass로 같은 코드를 작성 했을 때를 보도록 하자 CSS .big-box { background-color: red; } .box { background-color: blue; } .box-font { font-size: 20px; } li { list-style: none; } SASS .big-box { background.. 더보기
JSON을 알고 계신가요? Javascript Object Notation 데이터를 저장하거나 전송할때 많이 사용되는 Data 교환 형식, JSON은 사람과 기계가 이해하기 쉬우며 용량도 작아 많이 사용하는 방식, JSON은 단순히 데이터를 표시하는 표현 방법, JSON의 공식 인터넷 미디어 타입은 application/json이며, JSON의 파일 확장자는 .json이다. JSON의 특징이라고 한다면 - Javascript의 object(객체)와 굉장히 유사한 형태를 가지고 있다 - Javascript를 사용하여 JSON형식의 데이터를 손쉽게 Javascript의 object형태로 변환 할 수 있다 - 특정 언어에 종속되지 않으며, 대부분 프로그래밍 언어에서 JSON 포맷의 데이터를 핸들링 할 수 있는 라이브러리를 제공한다 JS.. 더보기
[Team Project] 2차 팀 프로젝트 스카이스캐너 마무리(회고) 2차 프로젝트 기간이 끝이 났습니다 결론부터 말씀드리자면 개인적으로 코로나의 자가격리 기간이 겹쳐 굉장히 아쉬운 프로젝트가 되었습니다 팀원분들에게 마음 한 구석 미안한 마음과 격리 중이라 이러지도 저러지도 못하는 상황이 답답할 때도 있었습니다 먼저 그런 와중에 멘탈 잘 붙잡고 저의 빈자리를 꽉 채워준 팀원 분들 너무너무 감사합니다! 후일 기회가 온다면 꼭 사이드 프로젝트를 진행하여 불코딩 해보겠습니다 프로젝트 마무리 시작하겠습니다 프로젝트 명 : WESCANNER 개요 : 항공권, 호텔, 렌터카를 한 번에 비교하고 예약할 수 있는 중개사이트인 Skyscanner를 모티브로 한 호텔 중개사이트 리제작 Github GitHub - jihoon8730/2nd_project: 프론트_프로젝트 프론트_프로젝트. .. 더보기

티스토리툴바