ESlint 설정에 대해 살펴보자. 나름 next.js boilerplate 세팅 후 vscode상에서 문제 없던 prettier, eslint가 intelliJ 상에서 문제가 생겼고, 에러 처리하는 과정에서 eslint 설정의 디테일함에 궁금증이 생겨 글을 작성한다

arrow function 과 일반적인 function형을 나타내 봤습니다.이러한 객체가 있을 경우, spread 연산자를 사용해서 나타내 보면값이 같은걸 확인해 볼 수 있다.객체가 아닌 배열에서도 사용할 수 있다.rest는 생김새는 spread 랑 비슷한데, 역할은

Falsy : undefined, null, 0, "", NaN(Not a Number)Truthy : Falsy에 해당하는 값 이외의 값들.데이터를 불러와 map돌릴때 자주 사용하였던&&에 대해 알아보고 ||에 대해 알아보도록 하겠습니다.우선 자주 사용했던 양식을 살

Wecode 1차 프로젝트로 공간 예약 서비스를 운영하는 Space Cloud 사이트를 클론코딩 하였습니다. entercloud 전체 동영상 링크 > 팀명 : 구름위로 둥둥

2차 프로젝트 종료후 기업협업 전,부족하고 궁금했던 부분에 대해 공부해보자!이름 그대로 타입을 가지고 있으며, 어떠한 함수에서 변수를 선언하거나값을 반환하는 경우 해당하는 값의 타입을 명시합니다.밑의 예시를 보겠습니다.javascript:javascripttypescr

Wecode 2차 프로젝트 시작전,지금까지 사용하고 활용했던 부분들에 대해정리하는 시간을 갖도록 해보겠습니다!이번 1차 프로젝트를 통해 회원가입,로그인 그리고 Detail Page에필요한 데이터까지 필요로 하는 데이터를 불러오는 방법들에 대해 배워볼 수 있던 좋은 시간

Wecode 2차 프로젝트 시작전,지금까지 사용하고 활용했던 부분들에 대해정리하는 시간을 갖도록 해보겠습니다!이번 1차 프로젝트인 스페이스 클라우드 같은 경우에는 그러지 않았지만,UI를 구현하다 보면 API가 나오기 전에 페이지가 먼저 나오는 경우가 많습니다. 프론트엔

웹개발자라면 프론트 백앤드 상관없이 반드시 이해하고 있어야하는기본 소양으로서, 인증의 필수요소인 패스워드 암호화, 그리고 인가의필수요소인 JWT에 대해 알아보도록 하겠습니다!

웹 개발자로서 User Experience에 대해서 고민하고사용자와 소통하는 웹페이지란 무엇인지에 대해 생각해보고개선된 방향성에 대해 탐구하는 시간을 가져보겠습니다.

Wecode 1차 프로젝트 시작전,지금까지 배워왔던 부분을 복습하는느낌으로 정리해버리자 !!위의 이미지를 기억해주세요!!인터넷에 띄운다는 것은 홈페이지의 구성파일(html, css, js)들이인터넷에 “항상" 연결되고, “절대" 꺼지지 않는 호스트 컴퓨터(웹 서버)에저

Wecode 1차 프로젝트 시작전,지금까지 배워왔던 부분을 복습하는 느낌으로 정리해버리자 !!이 세상 누구나 한번쯤은 봤을만한 단어 HTTP!이번시간에는 HTTP에 대해 알아 보도록 하겠습니다!HyperText Transfer Protocol의 약자로서,약자 하나하나

Wecode 생활 4주차 시작전,지금까지 배워왔던 부분을 복습하는 느낌으로 정리해버리자 !!Git과 Github의 차이점과 어떻게 사용하면 되는지간략하게 설명하는 시간을 가지도록 하겠습니다!Git의 공식 명칭은 분산 버전 관리 시스템 (VCS) 입니다.쉽게 말해, 프로

Wecode 생활 4주차 시작전,지금까지 배워왔던 부분을 복습하는 느낌으로 정리해보자 !! 이건 2021년 첫 글!데이터 베이스는 일반적으로 컴퓨터 시스템에 저장된 정보 또는 데이터의 집합을 의미합니다!!이러한 정보와 데이터의 집합인 데이터 베이스를 그럼 어떻게 관리

Wecode 생활 3주차 시작전,부족한 부분을 짚고 넘어가고자 한다.아직도 부족한 JavaScript.. 힘내서 적어보자!!웹페이지의 구조를 정의하는 것이 HTML이지만, HTML만 있다고 해서 웹페이지가돌아가지는 않는다. 물론 돌아갈 수 있지만..이처럼 정적이다 못해

Wecode 생활 3주차 시작전,부족한 부분을 짚고 넘어가고자 한다.CSS관련 글이 이미 있으므로 다른 부족한 부분을 중점적으로 다뤄보자.CSS란 HTML 태그들에 디자인을 입혀주는 것HTML이 헤더, 문단, 테이블 등으로 정보를 조직화하는 구조를 제공한다면,CSS는

Wecode 생활 3주차 시작전, 부족한 부분을 짚고 넘어가고자 한다. 👊 다시 안볼 생각으로 뿌셔버리자!👊 HTML 정의와 기능 HTML(HyperText Markup Langauge) 웹페이지를 만들기 위한 언어 웹페이지의 구조를 잡을 수 있다. 이미지, 텍

Float 요소를 좌우 방향으로 띄웁니다. 속성 값에는 none, left, right 등이 있습니다! 단순 띄움 : 요소에 float 속성을 적용하면, 아래의 그림처럼 적용된 요소 주변으로 문자(text)가 흐르게 됩니다. 수평 정렬 : 위의 요소와 다른 방식으로 사용할 수도 있습니다.밑에 그림을 보시면, 각 요소에 float 속성을 적용하면 차례로 ...

Position 요소의 위치 지정 방법의 유형(기준)을 설정해주는 속성입니다. top, right, bottom, left 속성이 요소를 배치할 최종 위치를 결정합니다. static 일단 모든 태그들의 default값은 deposition: static 상태입니다.

Semantic Web "의미론적인 웹" 이라는 뜻으로, 인터넷과 같은 분산 환경에서 리소스에 대한 정보와 자원 사이의 관계-의미 정보를 컴퓨터가 처리할 수 있는 온톨리지 형태로 표현하고, 이를 자동화된 컴퓨터가 처리하도록 하는 프레임워크이자 기술이다. (현재 W3C

/ 다음과 같이 이해 할 수 있습니다. /선택자 { 속성 : 값; 속성 : 값;div { color: blue; / 글자색은 파랑 / font-size: 32px; / 글자 크기는 32px / width: 200px; / 가로