post-thumbnail

Next.js with Styled-JSX 이해하기

Next.js 시작하기 next.js를 설치 해준 뒤 터미널에서 cd로 해당 디렉토리로 이동 이렇게 하면 개발 서버가 3000번 포트에서 돌아가고 있을 것이며, http://localhost:3000/에서 확인할 수 있다.

2022년 6월 24일
·
0개의 댓글
·
post-thumbnail

Typescript 시작하기

👩‍🏫 Typescript >타입스크립트(TypeScript)는 자바스크립트(JavaScript)를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어이다. 컴파일 언어, 정적 타입 언어 👉 코드 작성 단계에서 타입을 체크해 오류를 확인할 수 있고 미리 타입을

2022년 6월 23일
·
0개의 댓글
·
post-thumbnail

Ourtrip : 2차 프로젝트 회고록

🛫 OURTRIP 🌴 프로젝트 소개 Myrealtrip을 참조하여 Ourtrip이라는 항공권 예매 웹사이트를 구현하였다. 1. 팀원소개 Front-end 손가영, 윤경연, 유하은, 최현민 Back-end 정병휘, 최바다 2. 프로젝트 기간 🕒 2022.0

2022년 6월 18일
·
5개의 댓글
·
post-thumbnail

React : 리액트 아이콘(react-icons) 적용하기

리액트 아이콘위와 같이 사용하고자 하는 아이콘이름을 {}안에 넣어주면 된다.다시 리액트 홈페이지로 가서 원하는 아이콘을 선택해주면 자동으로 컴포넌트 이름이 복사가 된다.react icons를 import하고 복사한 컴포넌트를 넣어주면 된다. 만일 원하는 아이콘 컴포넌트

2022년 6월 12일
·
4개의 댓글
·
post-thumbnail

React : useEffect hook

화면에 첫 렌더링하는 Mount, 다시 렌더링하는 Update, 화면에서 사라질 때특정 작업을 처리할 코드를 실행시키고 싶을 때 useEffect를 사용한다.jsuseEffect(() => {})기본적으로 useEffect hook은 callback함수를 받으며, 여기

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

React : styled-components

css, scss 파일을 밖에 두고 태그나 id, class 이름으로 가져와서 쓰지 않고 동일한 컴포넌트에서 컴포넌트 이름을 쓰듯이 스타일을 지정하는 것을 styled-components라고 부른다. css파일을 밖에 두지 않고 컴포넌트내부에 넣기 때문에 css가 전역

2022년 6월 8일
·
0개의 댓글
·
post-thumbnail

Design : APP UI/UX Design Figma & XD

💻

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

Design : A-shop Redesign

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

Design : Rhino Modeling & keyshot rendering

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

Design: VR (가상현실) 환경 및 UI 구현

🎞

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

Design : Foamus Branding

👟

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

Design : SoundCloud Redesign

📱

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

Design : Cinema 4D [Birds Station]

🕊

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

Design : Cinema 4D & keyshot Graphic 작업

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

React : Props

props는 properties의 줄임말로, 어떠한 값을 컴포넌트에게 전달해 줘야할 때 props를 사용한다.APP컴포넌트에 Hi컴포넌트를 사용할 때 name이라는 값을 전달하고자 한다고 가정해보자이제 Hi 컴포넌트에서 name 값을 사용하고 싶을 때는 어떻게 해야할까

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

React : JSX

JSX은 자바스크립트를 확장한 문법으로 UI가 어떻게 생겨야 하는 지 설명하기 위해서React와 함께 사용할 것을 권장한다.JSX은 React엘리먼트(element)를 생성한다.React에서 본질적으로 렌더링 로직이 이벤트가 처리되는 방식, 시간에 따라 state가 변

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

Wesulloc : 1차 프로젝트 회고록

Front-end : 이윤섭, 손가영, 안수정, 김현주Back-end : 황재승, 최바다2022.05.23 ~ 2022.06.03Front-end : HTML,SCSS,JS,ReactBack-end : Phython, Django, MySQL1 ) 일반 회원가입 페이지

2022년 6월 5일
·
8개의 댓글
·
post-thumbnail

wesulloc mock-up

업로드중..업로드중..

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

RESTful API

API 시스템을 구현하기 위한 아키텍처 중에 가장 널리 사용되는 형식이다.Graphql,SOAP,GRPC,REST...etc웹상에서 사용되는 여러 리소스를 HTTP URI로 표현하고 그 리소스에 대한 행위를 HTTP Method로 정의 하는 방식. 즉 리소스(HTTP

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

Codekata | 03

String 형인 str 인자에서 중복되지 않은 알파벳으로 이루어진 제일 긴 단어의 길이를 반환해주세요.str: 텍스트return: 중복되지 않은 알파벳 길이 (숫자 반환)예를 들어,str = "abcabcabc"return은 3=> 'abc' 가 제일 길기 때문str

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