Cookie 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각. 브라우저는 쿠키를 저장해 놓았다가, 동일한 서버에 재 요청 시 쿠키를 함께 전송합니다. 쿠키를 사용하면 상태 정보를 기억할 수 있습니다. 쿠기의 주목적 세션관리 : 서버에 저장해야할 로그인, 장바구니, 게임 스코어 등의 정보 관리 개인화 : 사용자 선호, 테마 등 세팅 트래킹 : 사용자 행동 기록 및 분석 용도 Session 서버가 Client에 유일하고 암호화된 session id를 부여합니다. 중요 데이터는 서버에서 관리합니다. Token 인증과 권한 정보를 담고 있는 암호화된 문자열을 말합니다. 유저의 인증 상태를 클라이언트에 저장할 수 있습니다. OAuth 2.0 소셜 로그인 인증 방식을 구현할 수 있습니다. OAuth는 인증..

오늘 배운 것 cookie, token 사용법 nodejs 생코 따라하기 유데미 http 내일 공부할 것 유데미 고급 리덕스 유데미 섹션 20 ~ 알고리즘 - dfs 블로깅 올린지 좀 된 것 같아서 TIL이라도 올려봅니다.. 공부는 계속하고 있는데 요즘 강의를 우선적으로 보고 있다보니 뭔가 올릴게 없네요.. 얼렁 강의 끝내고 뭔가 만들어야겠습니다. css쪽도 다시 해야겠네요

인트로 규칙으로 풀려고 했으나 규칙 계산하는게 너무 귀찮아서 그냥 dfs로 풀었습니다. 문제 레벨2 : https://school.programmers.co.kr/learn/courses/30/lessons/84512 나의 풀이 function solution(word) { let cnt = 0; let answer = 0; const dfs = (str) => { cnt++; if(str === word) { answer = cnt-1; return; } if(str.length === 5) return; [..."AEIOU"].forEach(char => { dfs(str+char) }) } dfs(''); return answer; } 다른 풀이 참고 function solution(words) {..

웹 표준란? 웹 표준은 '웹에서 표준적으로 사용되는 기술이나 규칙'입니다. 운영체제, 브라우저의 종류 및 버전이 다르더라도 웹페이지가 정상적으로 작동할 수 있도록 하는 웹 페이지 제작 기법입니다. 웹 표준의 장점 유지 보수가 편하다. 영역이 분리되면서 유지 보수가 편해졌으며, 코드가 경량화되면서 트래픽 비용이 감소했습니다. 웹 호환성 확보 검색 효율성 증대 검색 엔진에서 더 높은 우선순위로 노출됩니다. 웹 접근성 향상 Semantic HTML , 보다 시멘틱 요소를 사용하자. 시맨틱 요소를 사용하면 요소의 이름만 보고도 어떤 역할을 하며 어떠한 내용이 들어갈 지 명확히 알 수 있습니다, - ~ 요소를 말함 시멘틱 HTML은 다음에 도움을 줍니다. 개발자 간 소통 검색 효율성 검색 엔진은 HTML 코드를 ..

오늘 배운 것 웹표준 SEO 리액트 최적화 테크닉 기억할 것 오픈 그래프도 SEO와 간접적으로 연관이 있다. 내일 공부할 것 유데미강의듣기 알고리즘공부

인트로요즘 코딩 문제를 거의 안풀어서 알고리즘 스터디에 들어갔습니다. 한 주에 하나라도 풀겠다는 마인드..문제레벨1 : https://school.programmers.co.kr/learn/courses/30/lessons/42840나의 풀이function solution(answers) { const supo1 = [1,2,3,4,5]; const supo2 = [2,1,2,3,2,4,2,5]; const supo3 = [3,3,1,1,2,2,4,4,5,5]; const result= [0,0,0]; for (let i = 0; i { if(el >= best) answer.push(idx+1); }) return answer;}다른 풀이 참고function solution(answers)..

FLUX 패턴? FLUX패턴은 단방향 데이터 흐름을 통해 예측가능하게 상태를 관리할 수 있게 해주는 클라이언트 사이드 웹 애플리케이션 아키텍처입니다. 기능에 따라 코드를 구성하여 각 구성요소가 독립적으로 작동하는 것을 목표로 하는 MVC패턴과 달리 FLUX패턴은 엄격한 단방향 데이터 흐름을 통해 데이터 흐름을 예측 가능하도록 하는 것이 목표입니다. FLUX패턴의 흐름 FLUX패턴은 ACTION, DISPATCHER, STORE, VIEW로 구성됩니다. 이때 흐름은 다음 그림과 같습니다. ACTION : Ajax나 View에서 발생한 상태 변경 요청 액션 생성자는 타입(type)과 페이로드(payload)를 포함한 액션을 생성합니다. 액션 생성자가 액션 메시지를 생성한 뒤에는 디스패쳐(dispatcher)..

오늘 배운 것 완전 탐색 리덕스 기억할 것 리덕스에서 절대 기존의 state를 변경해서는 안됨! 새로운 객체를 반환하여 항상 재정의해야한다! 내일 공부할 것 주말동안 고급리덕스까지 끝내기