레이아웃 구상 - 깔끔하게레퍼런스 찾기 -http://www.besthorrorscenes.com
왼쪽 파트는 display: fixed로 고정하고 오른쪽 파트는 스크롤할 수 있게 만든다. navigation bar가 최상단에 들어간다. htmlbody 는 header 와 main로 나눈다. logo와 navigation bar 그리고 toggle이 들어갈 head
이제 left 와 right를 분할하면 된다. 이제 left 를 고정할 차례다.fixed에 top, left를 0을 주어 고정시키고 width로 공간을 마련했다. paddding으로 옮기는 게 좋은지, top, left를 이용하여 옮기는 게 좋은지 아직 모르겠다. 일
css 부분은 가장 중요한(내가 잘 모르는) position과 width, height를 중점으로 설명할 것이다! css 이제 막 html 작업이 끝난 element들은 낯선 세상에 나온 것이 부끄러운지 딱딱하게 굳어있다. 우선 header 에 flex를 주어 친구들의
만들던 자기소개 페이지를 엎고 다시 시작했다. 레퍼런스를 찾으면 찾을수록 나의 밑천이 드러나 무척 힘들다. 정말 감각적인 디자인이나 쿨한 레이아웃은 많은데 도저히 모르겠다... 일단 내가 할 수 있는 범위에서 열심히 해보리다. 새롭게 자기소개 페이지를 만들며 예전에
span에는 오른쪽 정렬이 되도록 클래스를 부여하였는데도 오른쪽 정렬이 되지 않았습니다. span은 inline-element이기 때문에, span이 차지하는 영역은 "span의 오른쪽 정렬" 만큼의 길이밖에 안 되기 때문입니다.inline-element는 width,
absolute가 되면 block-element도 내용의 크기만큼 너비를 갖게 된다. 부모인 div의 가로 크기를 input이 가져가고 img는 absolute로 부모 위에서 겹치게 한다. fixed는 부모가 필요없이 눈에 보이는 화면 내부에서만 움직인다. 주로 hea
예를들어 구글을 사용하는 사용자가 어떤 키워드를 입력하고 검색했을 때 구글 검색 엔진은 어떻게 필요한 정보들을 가져올까. 웹사이트의 토대가 되는 html의 Semantic Web, Semantic Tag에 대해 알아보자!검색엔진 = 빅데이터 = 권력SEO(검색엔진 최적
리스트 자료구조는 데이터를 나란히 저장한다. Linked List란 각각의 Node(data)가 data와 tail을 한 쌍의 data set으로 구성되어 다음 node는 앞의 node의 tail과 연결되어 있는 형태의 자료구조다. 한마디로 데이터들의 기차놀이.data
화살표 함수를 쓰면 콜백에서 return 안 써도 된다!몰랐던 사실들!Object.keys()Object.keys는 키 값만 가져온다. 출처 위코드 문제Object.valuesvalues는 값만 가져온다.Object.entries키, 값으로 이루어진 이차원 배열을 리턴
http는 HyperText Transfer Protocol의 약자다. HTML을 보자면 HyperText는 문서와 문서가 링크로 연결되도록 하는 태그로 구성된 언어란 뜻이다. 다시 말하면, HTML은 웹페이지를 만들기 위해서 웹브라우저 위에서 동작하는 언어를 뜻한다.
호주에서 어학원을 다녔을 때 복도 벽에 한 문구가 있었다. 학원 밖 사람들은 한 가지 언어밖에 모릅니다. 당시 서브웨이에서 샌드위치 하나조차 시킬 줄 몰라 쩔쩔맸던 나는 어렵사리 주문한 샌드위치를 들고 다른 나라 친구들과 점심을 먹곤 했다. 손짓 발짓해가며 서로 말을
DB란 엄청나게 많은 엑셀을 모아둔 것이다. 데이터 베이스 필요한 이유사용자의 데이터를 보존하기 위해서관계형 데이터베이스(RDBMS, Relational DataBase Management System)관계를 미리 지정한 데이터베이스 시스템이다. -ex) MySQL,
계속 작성
npm install 할 때 --save해야 함. exact는 정확하게 한 곳만을 렌더하게 해주는 것이다. 예를들어 "/"는 3개의 Route 모두 들어있어서 exact가 없으면 다 렌더될 수 있다.Route 컴포넌트 세팅을 끝냈다면 이제 Route를 이동해야 한다.
Authentication은 유저의 identification을 확인하는 것이다. 인증이 필요한 이유는 추적을 위해서(누가, 왜, 어떻게)비밀번호 암호에는 일반적으로 단방향 해쉬 함수(one-way hash function)가 일반적으로 쓰인다.https는 통신 시 개
실제 API 에서 받아온 데이터가 아닌 프론트앤드 개발자가 필요에 의해 샘플로 만들어본 데이터API 가 아직 준비중인 경우 프로젝트를 진행하는 경우 Backend API 유무에 상관없이 화면에 데이터를 예쁘게 보여주는 것이 프론트엔드 개발자로서 가져야 할 책임감이다.B
Vanilla Javascript로 프로그래밍했던 인스타그램을 React.js로 리팩토링CRA를 사용하여 초기 세팅git을 사용한 첫 번째 협업Fetch를 이용하여 외부 데이터 사용2020.10.05 ~ 2020.10.13 총 9 일HTML,CSSJavaScriptR
이제 코드 몇 줄 치기 시작한 비전공자의 한 달
포스트는 path parameter가 아니다!왜냐면 id는 어차피 db 에서 부여되니까 patch는 업데이트! 해당 자원의 하나의 상품을 업데이트 할 때는 path parameter를 사용한다. delete는 body에 아무런 정보도 안 담는다. path paramet
Coffe 컴포넌트는 데이터를 받아오고 CardList에 데이터를 뿌린다.Coffee 컴포넌트 내부.일단 CDM으로 데이터를 가져오는데 LIMIT이란 상수를 준다. 그리고 이제 button을 ruturn하는데 버튼에 fetchCoffee라는 함수가 있다. limit과
프로젝트 영상 https://www.youtube.com/watch?v=aPFeH9Arw9Q 프로젝트 요약 1) 소개 hourplace라는 장소 렌탈 플랫폼을 클론 코딩 백엔드와 프론트엔드의 협업을 통해 실질적으로 웹이 만들어지는 플로우를 이해 hourplace
외주를 받아서 종종 글을 쓰는 플랫폼이 있다. 대학생, 대학원생, 회사원, 고등학생을 둔 아주머니까지 다양한 고객을 상대하면 여러 글을 쓴다. 보통 나를 부르는 호칭은 플랫폼에 적혀있는 아이디거나 이력에 책을 썼다는 이유로 '작가님'으로 불린다. 아직도 '작가'라는 말
추후 업데이트 '직방' 이란 부동산 정보 중개 플랫폼을 모티브로 개발 프로젝트를 진행하였습니다.
잡초처럼 버틴 인턴십 후기