우리가 코드를 작성하며 사용하는 여러가지 것들 중에는tags가 있다.이 것들 중에서는 태그의 이름만으로 어떠한 기능을 하는지알 수 있는 경우가 있다, 이러한 경우를 Semantic Tags라고 한다.Semantic Tags는 리소스에 대한 정보와 자원 사이의 관계를사
position은 요소의 위치를 지정하기 위해서 사용되는 속성이다.대개는 top , right , bottom , left와 같이 사용된다.position의 대표적인 속성값으로는static defalt value 이다.요소의 원래 위치이다.fixed Viewport
WWECODE 과정중에서 처음으로 개인 프로젝트를 해봤다.솔직히 기본적인 파일셋이나 이미지는 WECODE 에서 제공하는GIT REPOSITORY 에서 CLONE 으로 받아왔기 때문에내가 특별히 한 것이라고는 JS 코딩밖에 없다.필요 조건Hero 클래스와 Ghost 클래
DataBase 란 일반적으로 컴퓨터 시스템에 전자적으로 저장되는 구조화된 정보 또는 데이터의 조직화된 모음이다.이러한 정보들을 어떠한 기준이나 규모를 두지 않고 집대성 하게 된다면단순하게 M \* N 형태를 고려하더라도 각 축의 범위가 제한없이 증가한다.대부분의 데이
console은 프론트엔드 개발을 하면서 자주 사용하는 DevTools의 한 패널이다.이번에 다룰 주제는 console패널의 유용한 기능, 정보이다.console패널을 사용하는 가장 큰 이유를 꼽으라면내가 작업중인 파일을 직접 수정하지 않고 패널에 입력하는 것으로 실시
git과 git hub는 어떤점이 다른걸까?머릿속으로는 추상적으로 이해하고 있지만 입밖으로 정리하여 꺼내긴 어렵다.간단하게 말하면 git은 버전 관리 프로그램 이다.git hub는 버전 관리, 소스 코드 공유, 분산 버전 제어 등등이 가능한 원격 저장소 이다.코드를 작
React 시작 React 를 사용하기 위해서는 먼저 Node 를 설치해야 합니다.
자바스크립트 - 리액트에서 백엔드와 프론트엔드가 서로 통신을 주고받기 위한 메서드로 Fetch 를 사용한다. 아래와 같이 사용한다. 상단부터 해석해서 내려와보자. Fetch 크게보면 이렇게 세가지 함수로 구성되어있다. 제일 첫번째 함수인 fetch 부터 분석해
지금까지 위코드 Precourse 와 Foundation 과정에서 익힌프로젝트를 진행하기 위해서 배운 지식들을 정리해보는 과제입니다.fetch 를 통해서 API 데이터를 받아와야 합니다.state 를 통해서 받아온 데이터를 저장해야 합니다.props 를 통해서 컴포넌트
기본적인 캐러셀의 구조는 다음버튼을 누르면 currentIndex 를 plus 해서transform 의 translate 속성을 (currentIndex \* width) 만큼 변화시키는방식으로 구현하면 간단하게 구현이 가능하다.물론 보통의 캐러셀은 원소의 갯수, 총
재귀함수 : (再歸函數, Recursion) 정의 단계에서 자신을 재참조하는 함수를 뜻한다.위의 경우는 10 , 9 , 8 , 7 ... -Infinity 로 끝이 나지 않게된다.재귀함수가 끝나는 시점을 미리 정해주지 않았기 때문이다.위의 경우는 인수 n으로 0이온다면
일반적인 라우팅 경로에 path parameter 를 적용해서 마치 매개변수처럼 사용하는 방법입니다.예를 들어서 /detail 이라는 라우팅 경로에 :id 를 붙히게되면 /detail:id 에서 id 라는 값이 변수처럼 활용되는 것입니다.Monsters Componen
주제로는 팀프로젝트를 진행하며 받은 코드리뷰 중, 들은 꿀팁을 간단하게 작성하려한다.프로젝트 과정에서 백엔드와 통신하고 데이터를 주고받는 모든 구문은 fetch 함수를 사용하게된다.그때 필요한 통신주소의 EndPoint 를 전부 저장해놓은 파일이다.매번 fetch 함수
프로젝트 이름 주제 : 하바이아나스 기간 : 2022 . 08 . 16 ~ 2022 . 08 . 25 프로젝트 팀 팀 이름 : Tabom-Galagsin 브라질 사이트를 클론했기 때문에 브라질 말로 최고라는 뜻인 따봉 +FlipFlop 판매사이트 , 우리말로 가락신
자바스크립트의 여러가지 Tags중 form 을 통해서 전송되는 데이터 타입을 일컽는다.해당 타입으로 데이터를 전송하기 위해서는 form에 인라인으로 속성을 줘야하는데,위와같이 enctype 을 통해서 form 으로 전송할 데이터의 타입을 지정해주고form 내부에 typ
최근에 git flow 수업을 들었다.gitFlow메인 브랜치는 정식 업데이트를 위한 브랜치로 사용하고,기존의 메인 대신 Develop 브랜치를 새로 생성하여 해당 브랜치에서 기능개발을 하는 Flow 이다.여러가지 기능이 추가되고 정식 업데이트가 가능해지면,해당 버전의
커스텀 훅(Custom Hook)은 이름이 use 로 시작하는 자바스크립트 함수입니다.이름 그대로 사용자의 입맛에 맞춰서 커스텀해서 사용합니다.예시 코드입니다.위의 코드는 로직과 UI가 병합되어있는 코드입니다.해당 코드를 커스텀훅을 사용해서 분리해보겠습니다.useTog
주제 : 번개장터기간 : 2022 . 08 . 29 ~ 2022 . 09 . 07팀 이름 : WENABADA번개장터가 중고거래 사이트라는 점에서 착안하여관용구 아나바다를 이용해서 WENABADA라고 작명함팀원 :FE박승민NavBar, Footer, 상품등록 페이지조민재
회고록을 쓰기에 앞서서 내가 왜 개발자가 되고자 했는지 정리하려고 한다. 왜냐하면, 앞으로 이 글을 계속 되새김질 하면서 슬럼프가 오면 극복하기 위해서 ㅎㅎ;; 🥚 개발을 시작하게된 계기? 개발을 시작하는 시점이 아니라 예전으로 거슬러 올라가자면... 나는 고