profile
기본을 중요하게 생각하는 프론트엔드 개발자 유승현입니다! 🙋🏻‍♂️

TIL No.21 팀프로젝트 Git/Git Hub 사용 방법

팀프로젝트를 하면서 깃, 깃헙의 중요성을 다시 깨달으며 앞으로 실무에서 능숙하게 사용하기 위해 프로젝트 시작부터 마무리 단계를 넘어가면서 필요한 명령어들을 정리해보려한다. 기본 용어 Local : 개인의 노트북 Remote : 원격의 환경(github)에 올려놓고 동시 공유 Repository : 깃헙에서 팀원들과 프로젝트를 저장, 공유 할 수 있는 곳 ...

2021년 2월 28일
·
0개의 댓글
·

TIL No.20 [Session]RESTful API

RESTful API란? 클라이언트가 프론트엔드 서버를 통해서 통신을 보냄 (ex: GET 등) 백엔드 서버를 통해서 클라이언트가 요구하는 데이터를 데이터베이스에서 빼와서 보여줌 데이터베이스를 가서 가져오는 데이터를 칭하는 이름 : 리소스 URI = 해당 사이트의 특정 자원의 위치를 나타내는 유일한 주소 Uniform Resouce Identifie...

2021년 2월 28일
·
0개의 댓글
·

TIL No.19 [Session] Lifecycle & 조건부 렌더링

Lifecycle 이란? 어떠한 컴포넌트가 렌더가 될 때 하나의 라이프사이클 기본순서는 constructor render componentDidMount (fetch 완료) render (setState) componentDodUpdate (setState 되었기 때문에 컴포넌트 업데이트 발생) ...

2021년 2월 28일
·
0개의 댓글
·

TIL No.18 [Wecode] Session 5 - All | Git Westagram Guide (git Clone / Branch 구분 방법)

팀과 협업을 통해서 Git, Github를 Local : 개인의 노트북 Remote : 원격의 환경(github)에 올려놓고 동시 공유 branch를 나눈 이유 : 원본을 두고, 작업내역을 나눠놓은 것 (중심은 : Main) git clone 기능으로 westagram 프로젝트를 git hub에서 개인 노트북으로 복제 할거임! git clone을 쓸 ...

2021년 2월 7일
·
0개의 댓글
·

TIL No.17 [Wecode] Session 2 - All | Database

데이터 베이스란? 데이터를 저장하고 관리하는 곳. 컴퓨터의 정보를 저장하는 곳. DBMS (데이터베이스 시스템)으로 관리한다. 데이터베이스를 쓰는 이유? 애플리케이션을 종료하면 임시 메모리에 저장이 되지만, 재부팅 시 사라질 수 있음. 오랜기간 저장하고, 보존하려고 데이터베이스를 사용함. 1. 관계형 데이터베이스 ex) MYSQL 관계...

2021년 2월 7일
·
0개의 댓글
·

TIL No.16 쎄션 인증&인가

인증과 인가 인증 (Authentication) 인증은 회원가입과 로그인을 말합니다. 인증은 왜 필요할까? 우리 서비스를 누가 쓰는지? 어떻게 사용하는지? 추적이 가능하도록 하기위해 필요 인증에 필요한것은 무엇이 있나요? -아이디, 이메일주소, 비밀번호 등 -가장 중요한 것은 비밀번호 법적으로 개인정보를 암호화 하게끔 정해져있음 ...

2021년 2월 7일
·
0개의 댓글
·

TIL No.15 [React] 리액트 CRA 설치 방법

CRA 설치 방법 Node.js 홈페이지에서 Node.js 설치 (NTS 버전으로 설치) Node js와 npm이 설치가 되며, 잘 설치가 되었는지 확인하려면 터미널에 npm -v, node -v로 확인 가능 VSCode 속 터미널 실행(VSCode 실행 후 cmd+j or 터미널에서 CRA 설치하고싶은 폴더로 이동하여 npx create-react-app...

2021년 1월 31일
·
0개의 댓글
·

TIL No.14 [React] 리액트란?

리액트(React)란? React.js는 사용자 인터페이스(UI)를 만들기 위한 JavaScript Library이며, 웹의 발전으로 Js의 DOM, EVENT함수의 복잡함을 탈피하고자, JQuery라는 라이브러리가 발전하였으며, 보다 효율적으로 코드를 관리하고자 2010년 구글에서 만든 앵귤러, 2014년 에반유에 의해 만들어진 뷰, 2013년 페이스북에...

2021년 1월 31일
·
0개의 댓글
·

TIL No.13 [Web] Session 웹은 어떤 동작을 하는가?

웹은 어떻게 동작할까? 사용자 -> 브라우저에 요청 -> 서버 -> (요청에대한 응답) 브라우저 http 통신 요청 >ex) 사용자 -> 브라우저에 "www.wecode.co.kr"을 요청 -> 서버에 요청 후, 서버는 브라우저에 응답 그렇다면 Wecode의 서버는 무엇인가? Hosting(웹 호스팅 서비스) >서버 컴퓨터의 전체 또는 일정...

2021년 1월 31일
·
0개의 댓글
·

TIL No.12 [Wecode] Session 6 - All | HTTP

HTTP 란? HTTP는 HyperText Transfer Protocol의 약자이다. 하이퍼텍스트를 전송하는것 컴퓨터들 간에 HTML파일을 주고받을 수 있도록 하는 소통방식 또는 약속이다. 하이퍼텍스트란? 문서와 문서를 링크로 연결되도록하는 구성된 언어 HTTP

2021년 1월 21일
·
0개의 댓글
·

TIL No.10 [Wecode] Session 3 - 리눅스 & 터미널

리눅스란? 리누스 토발즈가 만든 UNIX 기반의 운영체제 리눅스 & 깃 오픈소스 생태계를 만들어준 좋은 사람 커널이란? OS(Window, MAC 등)에는 다 커널이 있음 : OS가 실행되기 위해 하드웨어 밀접하게 소통하는 것 -> C언어 등, 저수준의 언어를

2021년 1월 20일
·
0개의 댓글
·

TIL No.10 [Wecode] Session 4 - All | Git & Github (초기 세팅 + 많이 쓰는 명령어)

Git 이란 무엇인가? GitHub란? Git과 Github의 차이 Git 실습

2021년 1월 20일
·
0개의 댓글
·

TIL No.8 [Chrome]개발자 도구 Network 패널의 기능

크롬 개발자도구란? Web 개발에 도움이 되는 도구로서 'Element', 'console', 'Sources', 'Network', , 'Performance', 'Memory', 'Application', 'Security', 'Lighthouse' 패널

2021년 1월 15일
·
0개의 댓글
·

TIL No.6 [HTML&CSS] ol, ul, li List 태그

ol / ul / li 태그 및 css selector 기능 설명

2021년 1월 12일
·
0개의 댓글
·

TIL No.5 [Wecode] Session 1 - All | 웹 서비스의 역사와 발전

Index 1. Internet & Web 2. Web의 역사 3. Modern Web의 역사 4. Modern Development Team

2021년 1월 12일
·
0개의 댓글
·

TIL NO.4 'html<img>태그'와 'css background-image'의 차이로 본 Semantic Web과 Semantic Tag

'html<img>태그'와 'css background-image'의 차이로 본 Semantic Web과 Semantic Tag

2021년 1월 11일
·
0개의 댓글
·

TIL No3. [패스트캠퍼스] JS 문법 요약

NULL : 없다.Defined : 찾은게 없다? 연산자 종류산술 연산자덧셈 / 뺄셈 / 나누기 / 곱하기대입 연산자논리 연산자NOT : !AND : &&OR : ||논리연산자 우선순위는 NOT->AND->ORex)비교연산자두 값을 비교 할 때, =를 3개사용but,

2021년 1월 4일
·
0개의 댓글
·

TIL No.2 [노마드 코더] 바닐라 JS_크롬 모멘텀 클론코딩 교육

ECAMAScript = specification (설명문 같은?)주석 설정 방법 // : 한줄한줄 주석거는 방법 / / : / 시작에 넣고, 몇줄 후에 / 하면 블럭 주석임의의 변수값을 정할 때, 영어 띄어쓰기 구분법 'Days of week'이라는 변수를 코드로

2021년 1월 4일
·
0개의 댓글
·

TIL No.1 JS몇초 후 실행 (SetInterval)

바로 setInterval 함수와 setTimeout 함수 입니다.setInterval 함수!특정시간마다 계속 실행되는 함수!setTimeout 함수!특정시간이후 실행제가 실제 사용한 예 입니다.사용법 : setInterval('함수', 시간), 1000가 약 1초 입

2020년 12월 30일
·
0개의 댓글
·