본문 바로가기

전체 글

처음부터 배포까지 Day8 Typescript에서 Javascript로 전부 이식했다 추후 배포 후 Typescript 점진적 도입 예정이다 이유는 redux라이브러리 사용 중 타입에러와 관련하여 처음 해보는 typescript와 redux 두 가지를 동시에 하기에는 어렵다는 판단 현재까지 리스트 페이지 폼 완성 했다 JSON파일 생성하여 axios라이브러리 사용 로컬에서 데이터 API 호출 성공했다 앞으로 예정사항 공유 오피스의 데이터를 저 구조를 통해 전부 만들어 둔 뒤 데이터 바인딩 예정이다 공유 오피스 하나의 페이지를 하나씩 더 생성하여 한 개의 공유 오피스의 대한 상세 정보를 구현할 예정이다 일차로 한 주 경과의 소감? 8월 1일부터 시작했지만 학원 수료와 마무리 때문에 여러 가지가 겹쳐 사실상 일수로는 8일 정도가 경과.. 더보기
처음부터 배포까지 Day7 공유 오피스 리스트 부분에 들어갈 공유 오피스 20개의 데이터 수집 시작 리액트 부트스트랩 사용으로 리스트 폼 맞춰보는 테스트 코드 생성 현재 해결해야 할 문제 점 타입 스크립트 사용 중 js처럼 react에서 데이터를 props로 넘겨주려고 할 때 타입 에러가 발생하여 넘겨주지 못하고 있다 부트스트랩을 사용할 건지 직접 커스텀 애니메이션을 구현 할 지 고민해야 한다 20개의 공유오피스 데이터를 JSON파일로 직접 작성할 예정 공유 오피스들 마다 특징을 한 개 이상 넣을지 말지 고민 더보기
처음부터 배포까지 Day6 메인 페이지 HTML CSS 구현 진행도 70퍼센트 공유 오피스 리스트 버튼 추가 react-router 리스트 페이지 추가 현재 상황 기능에 대한 정보 계속 고민 중이다 리스트로 이동하고 react-bootstrap을 사용해서 카드 형식으로 리스트 목록이 전부 보이게 해 줄 예정이다 각 오피스마다 개인 회원권과 기업 대상 정보를 나타내야 하는데 데이터를 우선 더미 데이터로 만들지 고민이다 백엔드에 관한 지식이 없다 보니 그간 나는 API를 받아 HTTP 프로토콜에 맞게 호출만 했지 직접 데이터를 만들어 API를 만들어 본 적이 없다 각각의 공유 오피스의 간단한 특징들을 넣을 예정이다 더보기
Get과 Post의 차이를 알고 계신가요? 이 글을 읽고 나면 get과 post가 무엇인지 그 둘의 차이는 어떤 것 인지 알 수 있다 아주아주 자세한 글은 아니더라도 초등학생도 이해할 수 있도록 친절하게 설명하도록 노력하겠다 작성자인 내가 이해한 것을 토대로 작성되는 글이 다 보니 정확하지 않을 수 있다 피드백을 주시면 바로바로 수정하겠다 우선 이 글을 읽기 전 http가 어떤 것 인지 모른다면 http를 간단하게 알고 오는 것을 추천한다 https://rec8730.tistory.com/102?category=1025968 HTTP를 알고 계신가요? 시작 전 혼자 공부해야 할 시기가 오면서 웹 개발 기본 지식에 관한 게 너무 부족하다고 느꼈다 공부하면서 바로 바로 기록을 하기는 하는데 막상 다른 걸 하고 있다 보면 자주 보게 되진 않는다 rec.. 더보기
처음부터 배포까지 Day5 테스트 코멘트 추가 mac 메시지 앱을 통한 미모티콘 생성 반응형 웹을 계속 생각 중 이긴 하나 지금 사용한 슬릭 라이브러리와 부트스트랩 캐러셀로 인해 고민이 필요 할거 같다 원래 부트스트랩 같은 경우 반응형에 탁월한 효과를 보여주는 라이브러리인데 커스텀 css(sass)와 같이 사용하려 하니 쉽지 않은 거 같다 추후 예정 사항 다음 주 중 퍼블리싱 단계 구현 완료 기능에 대한 기획 구상 정보구조에 대해 리서치 더보기
처음부터 배포까지 Day4 계속 html css 작업 중 이미지 구한 후 인기 공유 오피스 리스트업 완료 프로젝트용, 상업적으로 이용할 예정이 없음으로 이미지 구글 리서치했음 인기 공유 오피스 리스트 6개로 추리고 캐러셀 모드의 옵션을 자동으로 슬라이드를 넘기게 구현할 예정 인기 공유 오피스 창 밑에 간단하게 공유 오피스에 대해 소개와 마케팅 글 추가 예정 더보기
처음부터 배포까지 Day3 초안을 토대로 UI 퍼블리싱 단계 시작 필요한 정보구조 분석 및 기능 분석 예정 상업적 사용과 무관함으로 이미지 데이터 리서치 시작 Slick 라이브러리 추가 Slick 라이브러리를 사용함으로써 겪게 되는 사소한 문제 현재 리액트 개발 방식과는 다소 올드한 클래스형 컴포넌트로 문서를 소개하고 있다 slick라이브러리 디자인을 커스텀으로 직접 변경 시 제대로 적용되지 않음 해결 방안 클래스형 컴포넌트를 함수형 컴포넌트로 변경하여 적용시켜 보았다 적용이 매우 잘된다 slick라이브러리 디자인도 컴포넌트 요소안에 하나씩 클래스를 부여하여 scss파일을 통해 디자인 직접 변경함 더보기
웹 브라우저의 동작 원리를 알고 계신가요? 이 글을 통해서 브라우저가 어떻게 동작하는지 설명해 보려 한다 글을 천천히 읽고 나면 웹 브라우저의 동작 원리를 이해할 수 있을 거라 생각한다 브라우저의 기능 브라우저의 주요 기능은 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시하는 것이다 보통 HTML 문서지만 이미나, PDF 등 다른 형태가 될 수 있다 자원들의 주소는 URI(Uniform Resource Identifier)에 의해 정해진다 브라우저는 HTML과 CSS 명세에 따라 HTML 파일을 해석해서 표시하는데 이 명세는 웹 표준화 기구인 W3C(World Wide Web Consortium)에서 정한다. 과거에는 브라우저들이 일부만 명세에 따라 구현하고 독자적인 확장을 함으로써 심각한 호환성 문제를 겪었지만 최근에는 브라우저들 대부분.. 더보기