[패스트캠퍼스 프론트엔드 과정] (6주차 - 2022.05.16~20)

6주차 부터는 리액트에 대해서 배우기 시작했다. 같은 동작을 구현할 때 자바스크립트 보다 더 쉽게, 간결하게 구현 할 수 있다는 장점이 있지만, 새로운 JSX문법에 대해서도 공부해야 한다. 오늘은 수업시간에 실습과제로 내주신 useRef를 이용한 회원가입 유효성 검사

2022년 5월 24일
·
0개의 댓글

[패스트캠퍼스 프론트엔드 과정] (4~5주차 - 2022.05.02~13)

2주에 걸쳐 자바스크립트 토이 프로젝트를 진행했다. 처음으로 figma 디자인 시안을 받아서 작업해보면서 현업에서는 어떤식으로 프로젝트가 진행되는지 미약하게나마 감을 잡을 수 있었다. 프로젝트 진행 중 가장 오랜시간이 걸렸던 작업은 JSON 데이터를 받아와서 바인딩 하

2022년 5월 17일
·
0개의 댓글

[JS Core Concepts] Javascript 동작원리

자바스크립트는 한번에 한가지 일 밖에 처리할 수 없다.현재 실행하고 있는 함수가 있는 경우에 , 다른 일을 할수 없고 다른일은 중단되게 된다.브라우저에서 오래 걸리는 작업이 실행될 경우, 웹페이지의 UI는 멈춰버리고 , 유저는 어떤 조작도 할 수 없게된다. 이런 상황에

2022년 5월 17일
·
2개의 댓글

[패스트캠퍼스 프론트엔드 과정] (3주차 - 2022.04.25~29)

3주차에는 본격적으로 자바스크립트에 대해 배웠다. 자바스크립트의 기본 문법과 객체지향, ES6 신문법에 대해 공부하면서 가장 헷갈렸던 개념인 This 에 대해 정리 해 보려고 한다. this는 사용하는 환경에 따라 각각 다른 뜻을 가지게 된다.this는 function

2022년 4월 29일
·
0개의 댓글

[패스트캠퍼스 프론트엔드 과정] (2주차 - 2022.04.18~22)

본격적으로 HTML과 CSS에 대해 배우기 시작했다.다음 글부터는 주 단위로 작성 예정이며 , 코드를 짜다 발생할 트러블 슈팅을 기록할 용도로 작성할 예정이다.시맨틱웹시맨틱 웹은 의미로 적인 웹이라는 뜻으로 웹 상의 정보에 잘 정의된 의미 를 부여함으로써 사람뿐만 아니

2022년 4월 19일
·
0개의 댓글

[패스트캠퍼스 프론트엔드 과정] 4일차 (20220414)

git flow git flow 는 무엇인가? git flow 는 개발할 때 거의 표준과 같이 사용되는 서로간의 약속인 방법론 이다. git flow 는 총 5가지 branch 를 사용해서 운영한다. main : 기준이 되는 branch 로 제품을 배포하는 브랜치

2022년 4월 14일
·
0개의 댓글

Markdown 사용법

마크다운은 사용법이 매우 쉽고, 빠르게 문서를 정리할 수 있다. 지원 가능한 플랫폼, 프로그램이 다양하다표준이 없어 사용자마다 문법이 상이할 수 있다.모든 HTML 마크업을 대신하지 못한다. 제목 : h1 부터 h6 까지 강조 : <em> , <strong>

2022년 4월 14일
·
0개의 댓글

회원인증 방법론

1)사용자가 로그인 하면 서버에서 사용자가 로그인 했다는 정보를 메모리에 기록하고 세션아이디를 쿠키로 발행한다.2)브라우저에서 세션아이디 쿠키를 저장하고 사용자가 어떤 요청시 서버에 쿠키 데이터가 함께 전송된다. 3) 서버에서는 세션 데이터가 저장된 스토어에서 사용자의

2022년 1월 27일
·
0개의 댓글
post-thumbnail

React_props

props는 컴포넌트 간의 자료 전달 방법으로 부모 컴포넌트의 데이터를 자식 컴포넌트에게 전송해주는 것이다. 자식 컴포넌트에서는 받아온 props를 읽는것만 가능하고 직접 수정 할 수는 없다.props를 사용하려면 2개의 step을 따라야 한다. 1\. 자식 컴포넌트에

2022년 1월 19일
·
0개의 댓글

React_1. React 란 무엇인가

React란 무엇인가? 리액트는 페이스북에서 개발한 UI 자바스크립트 라이브러리로써 싱글 페이지 애플리케이션의 UI(User Interface)를 생성하는데 집중한 라이브러리이다. 리액트는 자바스크립트에 HTML을 포함하는 JSX(JavaScript XML)이라는 문

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