Wecode-TIL

HTML은 웹페이지를 만들기 위한 언어이고, 웹페이지 구조를 잡을 수 있다.HTML파일은 이미지, 텍스트, 비디오, 버튼 등 웹사이트에 생성.elements로 구성되어있다.(HTML 요소는 대소문자를 구분하지 않는다.) 여는 태그: 요소의 이름과, 열고 닫는 꺽쇠 괄

태그에 속성에 width, height가 있어 html에서 바로 수정가능기계가 이해하고 처리할 수 있는 웹개발 하고자 제작된 웹의미와 관련성을 가지는 데이터베이스 구축Semantic web에서 활용성을 높이고 발전시키기 위해 나온것태그가 무엇을 의미하는지 알아볼 수 있

웹 문서 안 요소들을 어떻게 배치할 지 정하는 속성이다.position 속성은 상속되지 않는다.텍스트, 이미지를 원하는 위치로 배치할 수 있고 어떤 방식으로 놓을지 결정할 수 있다.이전 요소(부모 요소)에 자연스럽게 연결하여 위치를 지정담겨있는 박스안에서 원하는 위치를

css값을 초기화(다른 브라우저 마다 크기가 다를 수 있기 때문)웹사이트를 작성할 때 class만 쓰는게 베스트!div는 자동으로 width=100%이므로 굳이 작성 안해도됨.처음에 빈 컨테이너를 만들어 차곡 차곡 넣는 느낌으로 미리 틀 짜고 코딩하는 이유는 웹페이지

alert() - 뭔가를 클릭하면 뜨는 작은 박스 같은것(alert창, 알림창이라고 부름), 안내하고 싶은 텍스트를 보여줌.쉽게 말하면 직업,이름 같은 역할을 변수(variable), 김개발,개발자 같은 것을 값(value)name, job은 변수 입니다.김개발은 na

개발자 도구는 브라우저에 제공하는 tool이다웹 사이트를 즉각적으로 수정하고 문제 발생시 원인을 파악하여 빠르게 더 나은 사이트를 만들게 도움웹페이지 구성DOM과 CSS를 자유롭게 조작해 실시간으로 레이아웃과 디자인을 테스트select element로 원하는 정보 클릭

Database의 기초이해 데이터베이스는 컴퓨터 시스템에 저장된 정보나 데이터를 모두 놓는 집합 (하드디스크 생각) 순서 web client -> web application server -> database -> 다시 역순 (요청과 응답) 클라이언트에서 바로 데

ERD 테이블의 type 종류INT : 숫자로 컬럼 타입정함VARCHAR : 텍스트인데 맥시멈 3000정도()안에 숫자를 쓰면 그 만큼의 텍스트를 쓸 수 있다.TEXT : 상품 설명이나 VARCHAR보다 더 긴 텍스트를 쓸 때(VARCHAR를 쓸지 TEXT를 쓸지 잘생

리눅스 = 컴퓨터에게 명령을 내려주는 시스템(운영체제)특징오픈소스: 공개적으로 설계되어 누구나 자유롭게 확인, 수정, 배포가능트리 구조로 생김root( / ) = 루트 폴더, 최상위 경로, / 기호로 접근 /home = 유저관련된 파일, ~ 기호로 바로 접근(home

git hub란 온라인상의 공간,프로그램은 다른 개발자들과 공유하고 의사소통하는 곳, 개발자들의 sns 의사소통하는 규칙 pr 메세지=댓글같은거, 라벨=status로 내 현재상태 표현 git branch = 가지(개인적인 스케치북같은거, 독립된공간) 메인,마스터가

JS에서 HTML로 접근하기 위한 것(중간다리)HTML을 계층화시켜 트리구조로 만든 객체객체에 접근하듯이 . 으로 접근 할 수 있다.getElementById = 엘리먼트에 부여한 id를 찾는 것 getElementByclassName = 엘리먼트에 부여한 Class를

HTTP란? 글자들 사이에 연결고리가 담긴 어떠한 문서를 전송하는 컴퓨터 약속 특징 유저컴퓨터와 서버컴퓨터가 소통을 할 때 request(요청)에 따라 response(응답) 한다. Stateless= http개별 통신은 독립이어서, 과거의 HTTP통신 결과를 보존하

퍼센트는 n/100식으로 풀어써서 적용한다나는 indexOf로 접근했다indexOf로 접근하면 말그대로 index즉 숫자가 나오기 때문에 잘못 접근 한 것이다.split은 string객체를 지정한 구분자를 이용해 여러 개의 문자열로 나눈다.split("-") 한다면 -

React의 정의 UI(인터페이스)를 만들기 위한 JavaScript 라이브러리 (라이브러리란 목적과 용도에 맞게 가져오는것) 가상돔(Virtual DOM)을 통해 UI를 빠르게 업데이트 (가상돔이란 이런 UI상태를 메모리에 유지해 변경될 UI의 최소 집합을 계산하는

컴포넌트 구현 react-router-dom에서 import 안에있는 브라우저 라우터, 라우트, 스위치를 가져오겠다는 뜻 as는 브라우저 라우터 명칭 대신 라우터라는 명칭으로 사용하겠다. 패스의 경로 url ("/")에 이 컴포넌트를 보여주겠다는 뜻 는 경로에 따라

props (프로퍼티의 줄임말) 모든 컴포넌트가 가지고 있는 내장 객체 나보다 상위의 존재가 부여 부모에서 자식으로 전달해주는 속성 ex) 부모님이 나의 성별을 정해준것이라고 생각 태그는 다른 정해진 속성을 부여해야되지만 React.Component는 props라는

스위치(blean)로 예시 켜지면 파란, 꺼지면 검은 불린인지 알아볼 수 있게 is~로 변수명짓기 inline 태그는 비추 css파일에 넣자(우선순위, 가독성) 삼항연산자 > condition ? "true" : "false" 1. 초기상태(스위치 꺼졌을 때) 2

클론 코딩을 하던 중 댓글을 입력하면 화면이 깜빡이면서 댓글이 추가가 안되서 왜 그런가 찾아보았다. e.preventDefault();가 a태그나 submot태그는 누르게 되면 href를 통해 이동하거나, 창이 새로고침하여 실행되기 때문에 preventDefaul

상수데이터 변하지 않는 데이터, 정적인 데이터 왜 씀? 반복되는 ui를 map()으로 간단하게 해줄 수 있기(수정) 때문에 쓰는거야 일일이 하드코팅하면 가독성도 떨어져서 상수데이터로 관리해서 map함수를 사용하여 관리하면 유지보수 용이 상수데이터 작성 상수데이터

Task 2. API 호출의 결과값 props 로 자식에게 전달 componentDidMount()란 무엇일까 컴포넌트를 연동시켜주는것 ` componentDidMount() { fetch("https://jsonplaceholder.typicode.com/u

댓글창 버튼 동작후 비우기![](https://images.velog.io/images/gur0601/post/c12dd19d-da4c-41dd-8ffe-a7c37f5c6338/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85

생애주기에서 원하는 동작을 실행시키기위한것Constructor => render => conponentDidMount => fetch완료 => setState, new props => render => componentDidUpdate(5번에서 setState 되었기

버튼을 클릭했을 때 이렇게

RESTful API? Api 시스템 구현하기 위한 아키텍처중 가장 널리 사용되는 형식 ![](https://images.velog.io/images/gur0601/post/de668fee-53f4-4f14-84d0-5a1dfbb0b583/%E1%84%89%E1%85

특징 스타일이 비슷한 거나 코드량이 많은 것들을 컴포넌트화 할 수 있다. ex)버튼, 텍스트 너무 과잉해서 쓰면 ㄴㄴ 바깥쪽에서 필요없는 정보들을 컴포넌트 안쪽에 넣어놓으면 바깥쪽에서 사용할떄는 그 사실을 모르지만 컴포넌트만 가져다놓고 넘겨줘야될 값만 넣으면 편하게

나는 rebase를 각 브런치의 커밋들을 보기 쉽게 정렬하는 것으로 이해했다. 각자 작업량을 한 곳에 묶은 후 최신 master브랜치 시점에 push하여 merge를 진행하는것이 rebase의 개념이다. flow git checkout master 작업하는 브랜치에

HandWash 팀 프로젝트 팀원 Front-End 혜리님 : Nav, Main, Footer, 페이지 구현 동혁(It`s Me) : Login, SignUp, 장바구니 구현 태양님 : 상품 상세페이지, 즐겨찾기 페이지 구현 윤희님 : 상품 리스트 페이지 구현 Bac

🤟 Introduction Wented Clone Project 카테고리별 채용 공고를 확인하고, 이력서를 작성하여 원하는 회사에 지원할 수 있는 사이트 기간 : 2021.10.18 ~ 2021.10.29 프로젝트 시연 영상 Backend GitHub Wanted

첨부파일 리스트 컴포넌트 분리 여기서 나는 버튼 클릭 함수를 맨 위의 상위 태그에서 2~3번을 거친 후에 props를 받아왔다...필요한 값이 있는 곳에서 자식들이 가지고 가는 데이터가 부모가 한번에 뿌려줄 수있을 때 부모한테서 props가져오는 것! 리스트에서 체크

Hook이란? Hook은 함수 컨포넌트에서 리액트 state, 생명주기 기능을 연동 할 수 있게 해주는 함수이다.(class 안에서는 작동 안함) 함수형 컨포넌트는 state를 관리하는 기능에 없다. -인풋을 받고 아웃풋으로 끝내버리기 때문 hook쓰는 이유 st