profile
사회적 가치를 실현하는 프로그래머
post-thumbnail

TailwindCSS로 Header와 Footer 정복하기

안녕하세요! 제이덥입니다~ 오늘은 React.js로 웹페이지 Footer/Header를 만들려고 하는데요! TailwindCSS Config를 다루고 해당되는 부분의 코드를 함께 작성해보려고 합니다! \+) yarn이 안깔려 있는 분은 여기로!\+) react가 안깔려

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

학회 웹페이지 만들기 :: 버그 고치기

안녕하세요! 방문객 여러분 오늘은 제가 학회앱페이지를 만들면서 받은 피드백 해결 사항에 대해서 포스팅을 하려고 합니다! 제가 만든 웹은 현재 한국외국어대학교 컴퓨터공학부 학회 PNP의 웹페이지인데 현재 웹페이지 퍼블리싱 이전에 깃헙에 deploy를 해놓은 상태입니다.

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

Gh-Pages 배포의 모든것!

안녕하세요! 좋은 하루 보내셨나요?! 제이덥입니다!오늘은 Github에서 web을 Publishing 하는 방법에 대해서 정리해볼까 합니다! 어떻게 Publishing하는지 기본적인 부분에 대해서 다루고 추가적으로 제가 발생했던 오류에 대해서 설명해보고 마치려고 합니다

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

트위터 클론 코딩 :: #2 Authentification

#2.0 Using Firebase Auth router.js를 따로 선언하여 활용하는 이유 : 모듈화 시켜 router로서만 활용할 수 있도록 하고, 추가로 App.js에는 footer, header등 다양한 것들을 추가시킬 수 있도록 하였다. 사용방법 먼저 im

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

트위터 클론 코딩 :: #1 Setup

Github에 "nwitter" 저장소 생성하: Readme, .gitignore 추가하지 말기 create-react-app을 이용해서 추가하기 index.js지워야 할 코드최종 코드 App.js아래 코드만 남기고 나머지 제거아래와 같이 다섯개의 파일을 제거 : Ap

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

트위터 클론 코딩 :: Introduction

Firebase를 이용해서 Twitter를 클론하는 Nwitter을 만들어 볼 것임Firebase를 통해 아래와 같은 매우 다양한 기능을 구현할 것임이메일, 깃헙 등과 같은 Authentification을 통한 회원 가입Password를 통한 회원 가입Twitter 업

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

실전형 리액트 Hooks : #0 Introduction

내용 : use state, use effect에 관해 배우고, hooks library build를 할 것. 이론, 예제, 실전 실습으로 이루어진 강의npm : 여러가지 npm package를 등록해두는 곳으로 use-input, use-interval등 여러 패키지

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

React Native 날씨앱 만들기 - 3

How does React Native Work 3 Ways To Develop Application Fully Native > Fully Native란? Swift or object C로 IOS앱을 만듦, 혹은 Java나 코틀린을 사용해서 개발함 Web Vie

2021년 8월 23일
·
0개의 댓글

React Native 날씨앱 만들기 - 2

Getting to know Expo Run as iOS Simulator: simulator 특징 : assets > splash.png 파일로 변경가능 Expo Dev tools Issues : project issues > expo optimize 명령어로 이미

2021년 8월 23일
·
0개의 댓글

React Native 날씨앱 만들기 - 1

Introduction 알고있어야하는 내용 : React, javascript, expo 활용할 내용 : icon , layout 시스템 공부해보기 Requirements node : version 10 이상 npm : version 6 이상 Simulator 다운

2021년 8월 23일
·
0개의 댓글
post-thumbnail

NomadCoder :: React JS 로 영화 만들기 (2) Setting -1

출처: NomadCoder원래 리액트 JS를 구현하기 위해서는 WebPack, Babel download , compile 등을 해야되나 Facebook에서 제공하는 간단한 명령어를 통해 구현해줄 수 있음. npx create-react-app \[file-name]

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

NomadCoder :: React JS로 영화 웹서비스 만들기- 개발환경 설정

Requirements _ 1. Node JS Download _ Node JS를 인터넷에 검색 node -v Theory Requirements _ 1. HTML _ : div , span _ 2. CSS _ : flexible _ 3. Vani

2021년 5월 13일
·
0개의 댓글

HTML Image/Audio/Video

참고: PoiemaWeb

2021년 4월 8일
·
0개의 댓글

HTML Form Practice

참고 : PoiemaWeb

2021년 4월 8일
·
0개의 댓글
post-thumbnail

HTML List & Table

참고: PoiemaWeb

2021년 4월 8일
·
0개의 댓글

HTML Body Tags Practice

HTML Body Tags > Trend: 최근의 웹트렌드는 텍스트를 줄이고 이미지나 동영상으로 콘텐츠를 구성하는 것이다. 제목 태그 , ... : heading태그라고 부르며 h1 부터 h6까지 다른 크기를 가진 글자로 써줄 수 있다. 시멘틱 정보가 있으니 중

2021년 4월 8일
·
0개의 댓글

HTML Tag Practice

1. 문서 정의 태그 앞서 언급했듯 모든 html앞에 오는 태그로 문서별로 단 하나만 존재한다. XHTML인지, HTML 5인지 그 문서의 형식을 알려준다. HTML 5 : HTML 4.01: XTML 1.0: 2. html tag html : 문서 형식을 지

2021년 4월 8일
·
0개의 댓글

HTML (4) :: Hyper Link

Hyper Link > HyperLink란 한텍스트에서 다른 텍스트로 텍스트의 일반적인 순서가 아닌 사용자가 원하는 순서대로 이동할 수 있는 링크를 말한다 HTML 은 HyperText언어로 하이퍼링크를 지원한다. ``: a 태그를 통해 서로 다른 웹페이지로 이동을

2021년 4월 8일
·
0개의 댓글

HTML (3) :: LayOut

HTML Layout 만들기 HTML의 문서공간을 다음 사진과 같이 효과적으로 활용해주기 위해 태그를 활용하여 문서의 공간을 나눠준다. 사진 출처: PoiemaWeb 트렌드 : span div table 등을 사용하였고, 과거에는 table 태그를 이용하여 레이아

2021년 4월 8일
·
0개의 댓글

HTML(2) :: Semantic Web

Semantic Web > Semantic web 이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 관련성을 가지는 거대한 데이터 베이스로 구축하고자 하는 발상을 가지고 만들어진

2021년 4월 8일
·
0개의 댓글