전체 글 (102) 썸네일형 리스트형 [WEEK01] 후기 (한 것, 운영진느님들과 Tea Time, 느낀점) WEEK01 정글을 오고 시간이 하루하루는 잘가지만 날짜가 잘 가지 않는 다고 느낀다. 말이 이상하지만 진짜 그렇다. 같이 지내는 사람들과도 계속 같이 있다보니 벌써 한달은 된거같은데 실제로는 10일정도 지났다 ... ㅎ week01 ~ week04는 알고리즘(컴퓨팅 사고로의 전환)을 공부한다. 그 중에서 week01은 정수론, 배열, 문자열, 재귀함수, 정렬, 완전탐색, 시간복잡도에 대해 공부하고 백준 문제를 풀었다. 내 생각보다 하루에 할 수 있는 공부량은 어마어마했다. 이게 내가 1주일간 푼 문제들이다. (스크롤이 더있다 ...) 문제를 풀면서 2일 붙잡고 있었던 문제도 있었다. 나중에 알게 된 것이지만, 그렇게 오래 붙잡고 있는 것은 바람직하지 못하다고 한다. 이렇게 일주일 동안 열심히해서 오늘 .. [특별한과제] 찬찬히 나를 돌아보는 시간 과거의 성찰 나태 0주차 프로젝트를 3박 4일 동안 하루 최소 14시간 정도 프로젝트에 몰입했다. 이렇게 많은 시간을 쏟아부으며 공부를 해보니, 정글에 오기전에 내가 얼마나 나태한줄 알게되었다. 또한 하면 할 수 있다는 것을 다시 한번 깨닫게 되는 시간이었다. 5개월동안 임하는 자세 꾸준함 몇년 안 살았지만, 꾸준함, 끈기가 정말 중요하다는 것은 알고 있다. 하루 이틀 열심히 하는 것이 아니라, 5개월 동안 지금의 마음가짐을 까먹지 않고 꾸준히 열심히 할 것이다. 정말 열심히 해서 고액 연봉자가 되고 싶다 >_< !! 5개월 동안 얻고 싶은 것 인적 네트워크 프로그래밍에만 몰입할 수 있는 최고의 환경을 제공해준다. 공부를 열심히 하는 것은 당연한 것이고, 같은 팀인 23명과도 친하게 지내면서 정글이 끝나.. [0week] 정글사관학교 첫 프로젝트 후기 0주차는 3명에서 한 팀으로 팀프로젝트를 만들었다. (기간 : 월 오후 3시 ~ 목 오후 1시) 프로젝트 개발 배경 비싼 배달비로 배달이 망설여지는 요즘, 먹고 싶은 음식(상호명)을 올리고 같이 시켜먹을 사람을 구해 배달비를 나눠서 낼 수 있는 웹 사이트를 만들려고 했다. 필수 포함 기능 - 로그인 기능 - Jinja2 템플릿 엔진을 이용한 서버사이드 렌더링 더 고민해볼 키워드 - Bootstrap을 대체할 CSS 라이브러리 사용하기(Bulma등) - jwt인증 방식으로 로그인을 구현하기 (쿠키/세션 대비 등장하게 된 배경) 설계 메인페이지에는 마감시간이 안지난 리스트들을 시간 오름차순으로 정렬해서 나열해준다. + 버튼을 누르면 글을 등록할 수 있다. (로그인 시에만 가능) 함께하기 버튼 클릭시 오픈채팅.. [Javascript] 인증과 인가, 암호화, jwt (flask, bcrypt) 회원가입과 로그인은 알면 알수록 짜릿하다. 실생활에서 겁나 아무생각 없이 쓰고 있는 별거 아닌 기능인 거 같지만 사용자의 정보가 들어가기 때문에 매우매우 중요한거 같다. 그래서 이번에 제대로 알아보려한다. 관련 문서를 보고 이해를 바탕으로 정리하였습니다. 틀릴 수도 있으니 지적해주시면 겸허히 받아들이도록 하겠습니다. 회원가입과 로그인을 알아보기 전에 인증과 인가에 대해 먼저 알아보자 1. 인증 Authentication 인증은 사용자가 누구인지 확인하는 절차다. 회원가입과 로그인이 대표적인 예이다. 인증의 보안을 강화하기 위해서 내가 한 방법은 1. 회원가입시 bcrypt로 사용자 정보 암호화하기 2. 로그인 시 회원가입된 비번을 복호화해서 확인하는 것이 아닌 로그인 시 비밀번호를 암호화해서 확인하기 3.. [Javascipt] 화살표 함수 => (1/30) 화살표 함수 (Arrow Function) 의 선언 화살표 함수는 function 키워드 대신 화살표를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있따. 하지만, 모든 경우 화살표 함수를 사용할 수 있는 것은 아니다. 화살표 함수의 기본 문법은 아래오 같다. // 매개변수 지정 방법 () => { ... } // 매개변수가 없을 경우 x => { ... } // 매개변수가 한 개인 경우, 소괄호를 생략할 수 있다. (x, y) => { ... } // 매개변수가 여러 개인 경우, 소괄호를 생략할 수 없다. // 함수 몸체 지정 방법 x => { return x * x } // single line block x => x * x // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며 암묵적으로.. [Javascript] 이벤트루프, 동시성, 이벤트 종류 (1/30) 이벤트 루프(Event loop)와 동시성 (Concurrency) 브라우저는 단일 쓰레드(single-thread)에서 이벤트 드리븐(event-driven) 방식으로 동작한다 단일 쓰레드란 ? 쓰레드가 하나뿐이라는 의미이다. 즉, 곧 하나의 테스크(작업)만을 처리할 수 있다는 뜻이다. 쓰레드란 ? 어떠한 프로그램 내에서, 특히 프로세스 내에서 실행되는 흐름의 단위를 말한다. 브라우저는 실제로 동작하는 많은 웹 애플리케이션은 많은 테스크가 동시에 처리되는 것처럼 느껴진다. 이 처럼, 자바스크립트의 동시성을 지원하는 것이 바로 이벤트 루프 이다. 구글의 V8을 비롯한 대부분의 자바스크립트 엔진은 크게 두가지로 나뉜다. Call Stack (호출 스택) 작업이 요청되면 (함수가 호출되면) 요청된 작업은 순.. [Javascript] onclick event(인라인 이벤트, eventlistener, onclick 차이점) hmtl의 버튼의 클릭을 감지하는 방법은 여러가지가 있다. 1. html에서 온클릭함수 주기 ex) 2. js에서 eventlistener 3. js 온클릭함수 주기 이렇게 세종류가 있다. (더 있다. 그러나 이거를 제일 많이 쓰는 것 같다. 그러니 이거만 알아보자) 리액트를 사용하던 나로써는 1번 방법이 가장 눈에 익고 손에 익어서 많이 사용했다. 그러나 오늘 onclick을 사용했는데 이벤트가 동작을 하지 않았다. 구글링을 통해 문제와 해결방법 알았다 !!!! 그걸 여기에 적어 놓을 거다 ! 예를 들어 보즈았!!!!!!!!!!!!!!!!!!!!!!! 1. js에 onclick 이벤트 주기 show 잘 작동한다. 2. EventListener show 1번과 아주 유사하다. 2번또한 1번처럼 아주 잘 .. [Javascript] DOM (문서 객체 모델:Document Object Model) (1/29) 문서 객체 모델 DOM(Document Object Model) 텍스트 파일로 만들어져 있는 웹 문서를 브라우저에 렌더링하려면 웹 문서를 브라우저가 이해할 수 있는 구조로 메모리에 올려야 한다. 브라우저의 렌더링 엔진은 웹문서를 로드한 후, 파싱하여 웹 문서를 브라우저가 이해할 수 잇는 구조로 구성하여 메모리에 적재하는데 이를 DOM이라 한다. 즉, 모든 요소와 요소의 attribute, text를 각각의 객체로 만들고 이들 객체를 부자 관계를 표현할 수 있는 트리 구조로 구성한 것이 DOM이다. DOM은 자바스크립트를 통해 동적으로 변경할 수 있으며, 변경된 DOM은 렌더링에 반영된다. 웹 문서의 동적 변경을 위해 DOM은 프로그래밍 언어가 자신에 접근하고 수정할 수 있는 방법을 제공하는데, 일반적으로.. 이전 1 2 3 4 5 6 7 ··· 13 다음
