Wecode

1. HTML(Hypertext Markup Language) Html은 웹 페이지를 만들기 위한 언어로서, 웹페이지의 구조를 잡을 수 있음. 2. HTML 기초 용어 tag, content html 에서는 이미지나 텍스트를 그려주려면 그에 맞는 태그를 사용해야함.

position은 태그들의 위치를 결정한다. 포지션의 종류에는 5가지가 있다.static일단 모든 태그들은 처음에 position:static 상태이다. 차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓인다.relative태그의 위치를 변경하고 싶을때 position:rel

HTML은 웹페이지의 구조를 만드는 것이고, CSS로 그 구조를 꾸며주고, JS가 웹페이지를 동적으로 만들어 준다.JS를 실행시키려면 HTML파일이 존재해야하며, JS파일이 연결되어 있어야 한다.변수는 프로그래밍을 하기 위해 다양한 값을 저장하고 있다.변수를 선언하고

연산자는 산술, 문자 결합, 대입, 증감, 비교, 논리, 삼항 조건 연산자가 있다.산술 연산자산술 연사자에는 더하기, 빼기, 곱하기, 나누기, 나머지가 있다.2.문자 결합 연산자문자 결합 연산자는 피연산자(연산 대상 데이터)가 문자형 데이터다. 여러 개의 문자를 하나

Class class를 예로 들면 붕어빵 틀이라고 할 수 있다. 하나의 틀을 만들어 놓으면, 그 틀을 이용해 붕어빵을 계속 찍어 낼 수 있다. 그렇게 만들어진 붕어빵을 인스턴스라고 한다. 자바스크립트의 class는 es6부터 추가되었다. 그 전에는 클래스를 정의하지

git은 버전 관리 시스템이다. 프로젝트 파일의 변경 사항을 추적하는 시스템이다. 이를 통해 개발자들은 프로젝트의 변경 사항을 기록하거나, 특정 시점으로 언제든지 돌아갈 수 있다. 덕분에 많은 개발자들이 함께 작업할때 주로 사용된다.git을 사용할 때는 reposito

css란 cascading style sheets의 약자로 html에 작성되어 있는 것들을 시각적으로 꾸미는 용도로 사용된다.csss는 선택자, 선언, 속성으로 이루어져 있다.font페이지에서 사용할 폰트의 정류를 외부에서 받아올 수 있다. 구글 폰트 페이지에서 imp

참고 : https://learnjs.vlpt.us/async/ 말 그대로 나중에 호출되는 함수를 이야기 한다. 콜백함수라고해서 함수랑 다를 것이 없다. 그 자체로 특별한 선언이나 문법적인 특징을 가지고 있는 것은 아니다.단지, 어떤 이벤트가 발생했거나 특정

규모가 커지고 복잡한 애플리케이션을 개발하며 생산성을 향상시키고 많은 양의 데이터 관리와 코드 유지 보수를 더욱 편리하게 하기 위해 다양한 Frontend Framework(Library)가 등장jQUERY는 순수자바스크립트보다 속도가 느려서 나타난게 algular,

리엑트에서 사용되는 표현이다. 이것은 자바스크립트 코드인가? HTML 코드인가? 네~ JS의 확장버전입니다~JavaScript XML로 HTML과 비슷하게 생겼고, JS에서 작성이 가능하다.1 . 태그는 꼭 닫아줘야 한다.2 . 중첩된 요소를 만들려면 가독성을 높히기

props는 properties의 요약어?이다.부모 컴포넌트가 자식 컴포넌트한테 전달하는 데이터로, 자식한테는 읽기 전용이다.부모가 자식한테 뭔가를 주면 자식은 그냥 그 데이터를 읽는다?라고 이해를 했다.각 컴포넌트 자신들이 가지고 있는 데이터 값을 말한다.state를

SPA Single Page Application 으로 말 그대로 페이지가 한 개인 애플리케이션을 말한다. 리액트 프로젝트에서는 .html 파일의 개수가 1개이다. 그러면 페이지는 하나인데 어떻게 여러 개의 페이지를 보여주냐? 한개의 웹페이지안에서 여러 개의 페이지를

LifeCycle API 이 API는 컴포넌트가 브라우저에서 나타날때, 사라질대, 업데이트 될 때 호출하는 API이다. ㅅ 이 함수들은 React.Component class에서 제공하는 메서드이다. constructor 컴포넌트가 만들어지면서 가장 먼저 실행되는 메

mock data란? 이름그대로 가짜 데이터이다. 즉, 실제 API에서 받아온 데이터가 아닌 개발자가 필요에 의해 샘플로 만는 데이터를 말한다. > 목데이터가 필요한 이유? 프로젝트 진행 시 API가 나오기 이전에 페이지 레이아웃이 먼저 나오는 경우가 많다. 이럴때

state 설정input에서 들어온 id의 value 안에 @유무를 조건에 맞게 btnChange 함수 호출 getIdValue = (e) => { this.setState({ userId: e.target.value }); if (e.target.va

드디어 1차프로젝트가 시작되었다.우리팀은 boopdoggy라는 강아지의 음식을 파는 곳을 클론코딩하게 되었다.프로젝트를 시작하기전 멘토님들과 상담을 통해 어떤 기능을 구현하고, 어떤 것은 뺄 것인지 정하고 각자 구현할 페이지를 맡았다. 내가 맡은 페이지는 회원가입과

오늘은 드디어..!! 백엔드와 회원가입 / 로그인 데이터를 주고 받았다.....내가 짠 코드가 제대로 짠건지도 모르겠고, 데이터를 잘 주고 받을지도 걱정이었는데 백엔드에서 이제 가능하다는 말을 듣자마자 떨리는 마음으로 시도를 해보았다.!!!!!!!!!!!!!!!!!!!

로그인 회원가입 ,마이 페이지를 끝내고 상품 디테일 페이지를 시작했다.생각보다 할게 많아보인다.... 무게에따른 가격변화, 리뷰, 추천상품....등등 ?? 우선 레이아웃부터 시작하자저 친구는 언제쯤 일어날 수 있을까?우선 우리팀은 수량부분을 select가아니라 눈으로

드디어 누워있던 강아지가 사라지고....!!!!!!product-detail 페이지가 끝났다........저 가격을 누르면 백엔드에서 보내주는 가격을 그대로 보여준다.수량도 조정이가능하고!각 상품의 설명도 +버튼을 누르면 아래로 튀어나온다\~~상품 리뷰도 딱!!!!!!

우선 제가 위코드 들어와서 제일 0순위로 만족하는 것입니다. 이런 환경에서 일하면 일도 열심히 하고 싶어질만큼 너무 환경이 잘 조성되어있습니다. 이것은 공간을 말하는 것이기도 하지만, 위코드의 교육 분위기도 포함이 됩니다.저는 지금까지 주입식 교육만 받아왔고, 그렇게만

const obj = {a : 1, b : 2}const {a,b} = obj;이렇게하면 a에는 1 b에는 2가 할당된다.함수의 파라미터에서 구조분해const obj = {a : 1 , b : 2};function print({a.b}){ console.log(a);

SASS는 기존 CSS의 많은 부분을 개선했지만, 여전히 해결되지 않는 부분이 존재한다.1\. 클래스명에 대한 고민2\. 정해진 가이드가 없으면 구조가 복잡하다.3\. 방대한 스타일 정보로 스크롤 지옥.4\. 조건부 스타일링5\. 동적인 변화를 표현하기에 한계npm i

훅이란 뭐냐? 갈고리다!! 말 그대로 훅을 이용해 component의 인생 중간중간에 참견을 할 수 있다컴포넌트 등장하기전에 뭐해줘~컴포넌트 사라지기전에 이거해줘~업데이트되고 이거해줘\~~class형에서는 LifeCycle이었지만, React에서는 LifeCycle H

이번에 우리의 팀명은????????????????????진짜 보면 볼수록 참 깔끔하고 이쁜거같다. 근데 항상 느끼지만, 깔끔한 디자인이 있는 사이트는 복잡한 기능들이 분명히 숨어있다.....이번에 내가 맡은 페이지는 둘러보기 페이지와 곡 상세페이지...둘러보기페이지야.

이번 프로젝트에서 내가 맡은 것은 둘러보기 page와 detail page우선 둘러보기는 처음에10개만 보여주고 더보기 버튼을 눌러야 나머지 순위까지 쭉 나온다.이것을 어떻게 구현할까? 고민중 토니의 도움으로 버튼을 누르지 않았을 때는 10개를 짤라서 보여주고, 버튼이

일반적으로 React 에서 데이터는 위에서 아래로(부모에서 자식으로) props를 통해서 전달된다.이 방법이 제일 간편하기도하다. 그러나 component가 많아지고, component안에 component 안에 component... 계속해서 깊이가 깊어질수록 pro

리덕스(Redux)는 Javascript app을 위한 예측가능한 state container이다. 리액트 뿐만 아니라 Augular, jQuery, vanilla JavaScript 등 다양한 framework와 작동되게 설계되었다. 리덕스는 리액트의 멋진 보완재이다

2달간의 온실속 화초생활을 끝내고 이제 정글로 나가게되는 기업협업.내가 나가게 된 기업은 플루토. 처음에 모두 재택으로 되어있어서 살짝 걱정이 많았다. 나는 집에서하면 절대 안하기때문에............하지만 나중에 재택근무를 하게될 경우가 분명히 있을것이기에 그것