css 와 js 를 함께 적용시켜서 만들어보았다. css는 js와 다른 또 다른세계였다. 과제를 마치고 나서 리뷰를 하는 시간이 있었는데, 다른 동기들의 계산기를 보면서 깨닫는 게 많았다.
CSS 와 HTML 을 이용하여 목업을 만든 과정
과제단계지난주 금요일 (12/18) css와 html을 이용하여 twittler 의 목업을 만들었다.이번주동안 고차함수와 알고리즘, DOM에 대해 배웠다.크리스마스 이브인 오늘은 js까지 활용하여 작동하게 만드는 단계이다.
엘리먼트 변수들을 충분히 많이 만들었는데, 하다보니 또 만들어야 했다.함수를 먼저 만들 것인지, 엘리먼드 변수들을 먼저 만들 것인지 고민하게 됐다.약간 닭이 먼저인지 알이 먼저인지와 비슷하다는 느낌이 들었지만, 경험을 쌓으면서 어떤 것이 더 나은지
오늘의 전국 날씨는 맑음. 날씨데이터를 요청해서 직접 어플리케이션에 구현해봤습니다.
웹에서 버튼을 누를 때마다 빨간 점이 랜덤위치에 생성. css가 보였다 안보였다를 반복하며 반짝반짝 빛을 냈다. 샘플로 fuctional 상속문법이 있었다. 과제는 이걸 class(ES6문법)와 pseudoclasscial 문법으로 각각 바꾸는 것이다. 처음에는 쉽
1. 그래프 2. 트리 3. 이진탐색트리
1. linked-list 수도코드
프로그래머스 3단계 문제에 해당한다는 N-Queens 스프린트를 진행했다.굉장히 어려운 난이도이며, 다 해결하지 못해도 괜찮다고 했다.이정도까지의 난이도는 실제 현업에서 잘 안쓰이며, 알고리즘 사고를 키우기 위한 목적으로 스프린트를 진행한다고 했다.그 말을 듣고
방법1 -> 제대로 작동안함npm test 돌리면 fetch 가 정의되지 않았다고 나옴\-> fetch 는 브라우저에서만 돌아간다는 걸 인지하고 있었음 \-> node 환경에서 돌리는 방법을 생각함\-> 라이브러리 다운받고, 파일 상단에 아래 코드 작성함방법2 오피스아
문자열을 입력하고 버튼(대문자, 소문자)을 누르면 버튼에 맞는 문자열로 데이터를 보내주는 서버를 구현하는 스프린트npm installhtml 파일 브라우저에서 열어서 버튼 눌렀을 때, 네트워크 에러 확인가능node server/basic-server.js 명령어 입력하
정말 꿀같은 링크다
이야기는 많이 들었던 프론트엔트의 멋쟁이 라이브러리 리액트를 활용한 과제를 진행했다.우선 리액트 공식문서를 보면서 트위터 클론 앱을 만든 상태이다.이번에는 유튜브 클론 앱을 만들어보았다.
ajax 를 이용하여 유튜브 클론 앱을 만들었다.
이번 스프린트는 정식스프린트가 아니라 테스트 항목이 없었다.React Hooks 를 공부하는 용도로 실습하였다.대부분의 기능은 구현되어 있었고, 각 컴포넌트를 훅을 이용해 연결하는 게 주 내용이다.
오전에 Redux 에 대해 공부를 하고, 바로 과제에 투입됐다.공부하면서 느낀 건, 예제는 소중하다는 것이다.
mysql을 다운로드 받고 실행하려는데 에러 발생mysql ERROR 1698 (28000): Access denied for user 'root'@'localhost' https://velog.io/@yhe228/ERRORmysql-ERROR-1698-280
이번에는 데이터베이스를 통해, 데이터를 주고받는 것을 배운다.주의: 이번 스프린트는 npm test하면 자동으로 서버가 실행되고 테스트가 진행된다. 그래서 켜둔 서버를 끄고 테스트를 돌려야한다.
sequelize 설치 및 기본 메소드
서버가 일방적으로 클라이언트에 전달하는 작은 데이터
- 서버가 클라이언트에 유일하고 암호화된 ID 부여 - 중요데이터는 서버에서 관리 - 신뢰할 수 있는 유저인지 서버에서 추가로 확인가능
1. 쿠키기반인증은 쿠키에 유저정보를 담는 방식 2. 세션기반인증은 서버(혹은 DB)에 유저정보를 담고, 해당 정보를 확인할 수 있는 세션ID를 쿠키에 담는 방식 3. 토큰기반인증은 유저정보를 암호화해서 클라이언트에 담음
소셜로그인 버튼을 누르면 내 깃허브 정보가 뜨게 합니다.
데이터베이스, 서버, 그리고 클라이언트를 연결하는 내용이었다.세션을 이용한 인증 구현이다.
지난 몇주동안1\. 클라이언트 만들기2\. 서버만들기3\. 클라이언트와 서버 연동하기를 배웠다.