- 전체보기(144)
- node.js(27)
- React(18)
- 알고리즘(18)
- JavaScript(18)
- db(8)
- algorithm(7)
- 문제풀이(7)
- express(6)
- web(5)
- CSS(5)
- hooks(4)
- data structure(4)
- mysql(4)
- git(4)
- API(4)
- browser(3)
- cors(3)
- function(3)
- Fetch(3)
- XSS(3)
- js(3)
- CODESTATES(3)
- sql(3)
- component(3)
- ajax(3)
- server(2)
- csrf(2)
- http(2)
- https(2)
- linked list(2)
- github(2)
- queue(2)
- 미들웨어(2)
- protocol(2)
- 라우터(2)
- Fetch API(2)
- for loop(2)
- closure(2)
- Binary Search Tree(2)
- Web Architectures(2)
- ES6(2)
- tree(2)
- Index(2)
- gui(2)
- this(2)
- fs(2)
- branch(2)
- npm(2)
- programming(2)
- instance(2)
- Hash Table(2)
- session(2)
- Module(2)
- Graph(2)
- scope(2)
- object(2)
- inheritance(2)
- array(2)
- 공간복잡도(1)
- Prototype(1)
- await(1)
- 서버(1)
- useEffect(1)
- while loop(1)
- px(1)
- for ~ in(1)
- react redux(1)
- Browser Security Model(1)
- 라우트(1)
- tranition(1)
- package.json(1)
- async(1)
- padding(1)
- class(1)
- while(1)
- module.exports(1)
- exports(1)
- &&(1)
- width(1)
- 고차함수(1)
- ESLint(1)
- UI(1)
- abstraction(1)
- layout(1)
- hoisitng(1)
- stream(1)
- control-flow(1)
- 문자열(1)
- ssh(1)
- margin(1)
- double linked list(1)
- cli(1)
- 반복문(1)
- Route(1)
- REST API(1)
- JWT(1)
- json(1)
- working tree(1)
- hash function(1)
- 클로저(1)
- require(1)
- color picker(1)
- if statement(1)
- foreach(1)
- bcrypt(1)
- 화이팅(1)
- Buffer(1)
- data type(1)
- Big O(1)
- select(1)
- commit(1)
- new(1)
- State(1)
- chunk(1)
- arrow function(1)
- Javascipt(1)
- DOM(1)
- nvm(1)
- for in loop(1)
- middleware(1)
- styled components(1)
- repository(1)
- button(1)
- html(1)
- hook(1)
- @property(1)
- border(1)
- __dirname(1)
- http vs https(1)
- 명령어(1)
- Table(1)
- 재귀(1)
- form(1)
- k번째 수(1)
- pull(1)
- style(1)
- workbench(1)
- blobal scope(1)
- aws(1)
- key&value(1)
- 용어정리(1)
- height(1)
- 변수(1)
- 자료형(1)
- CRUD(1)
- methods(1)
- readFile(1)
- em(1)
- __filename(1)
- redux(1)
- promise.all(1)
- 토이(1)
- 생성자(1)
- authentication(1)
- textarea(1)
- Auth(1)
- 클라이언트(1)
- encapsulation(1)
- tag(1)
- routing(1)
- Event(1)
- 정규표현식(1)
- modules(1)
- 배열(1)
- instantiation(1)
- 물레방아(1)
- promise(1)
- Stack & Queue(1)
- 메피스토텔레스(1)
- 자료구조(1)
- Sequelize(1)
- schema(1)
- push(1)
- fs module(1)
- 프로그래머스(1)
- runtime(1)
- framework(1)
- Polymorphism(1)
- OOP(1)
- Box Model(1)
- stack(1)
- react router dom(1)
- commands(1)
- lifecycle(1)
- operator(1)
- 객체(1)
- path(1)
- recursion(1)
- project(1)
- 시간복잡도(1)
- 연산자(1)
- piping(1)
- callback(1)
- AMD(1)
- CommonJS(1)
- 저장소(1)
- call stack(1)
- 1일1문(1)
- client(1)
- MVC(1)
- local scope(1)
- input(1)
react in action 1
상태 (state) : 특정 시점에 프로그램이 사용하고 있는 정보 (=특정 시점에 프로그램에 대해 알고 있는 것들의 스냅샷)js 는 "완료될 때까지 실행"하는 속성이 있음리액트에서 데이터의 상태는,1) 컴포넌트 내에서 변경 가능한 데이터인 "상태"와2) 컴포넌트가 변경
redux-promise / redux-thunk
\--> Action ---------------------> Reducer ---------------------> Store --><-- dispatch(Action) <------- React Component <--------subscribe
[bcrypt] 비번 암호화
bcrypt 설치route를 위해 해당 라우트에서유저의 정보를 DB에 저장하기 전에 암호화bcrypt 문서 참고postman send! password hash success!!!에러때문에... 한참 헤멨다...
[ssh] Secure Shell
working directory -git add-> staging area -git commit-> git repo (local) -git push-> git repo (remote)from local to remote 로 연결하기 위해 github에 연결할 때, 안전
프로그래머스-K번째 수
문제 설명배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다.예를 들어 array가 1, 5, 2, 6, 3, 7, 4, i = 2, j = 5, k = 3이라면array의 2번째부터 5번째까지 자르면 5, 2, 6
[Project] 회고
goalfirst 프로젝트 회고 & final 프로젝트 회고어떻게 시작해야 할지... 다른 블로그들을 참고해보려고했지만이 회고는 정말 전적으로 내가 느꼈던 점을 꾸밈없이 적어내려가고 싶어서 검색을 하려다 멈추고 바로 회고를 작성해본다.먼저 길고도 짧았던 코드스테이츠 부
개인발표
주제 : 오직ㅇㄹ 편리한 것들만 살아남는다내소개역할을 얘기하면서 주제언급styled-component깃충돌이 덜남css가 각 컴포넌트마다있어서 관리가 용이해짐redux이해하기 어려웠음첫 프로젝트 때, 계속 props내려주면서 에러나고 빼먹고 헷갈렸던 경험이 있어서 re
스샷
하얀색로고검정로고인트로-데스크탑베스트막걸리-데스크탑막걸리리스트-데스크탑막걸리 상세페이지-데스크탑베스트막걸리-모바일막걸리 리스트-모바일막걸리 상세페이지-모바일막걸리 상세페이지 댓글-모바일양조장-데스크탑양조장-모바일렌딩-모바일로그인-데스크탑마이페이지 리뷰-데스크탑마이페이지
[redux] 리덕스 때문에 미친다...
goalredux 때문에 미치기 직전인데, 그래도 일단 구현을 해야한다.개념은 전보다 뚜렷하게 이해가 되는데, 막상 코드 쓰려니까 겁난다.뚫고 앞으로 나아가야 한다. 반드시.Let's go!User 가 상태를 바꾸면 -> Action 에서 객체를 보내. -> Reduc
[git] git add 부터 pr까지
새 브랜치 생성하기git checkout -b \[브랜치 이름]내 현재 브랜치 확인하기git branch업로드할 파일 추가하기git add \[업로드할 파일]업로드 잘 되었는지 더블 체크하기git status커밋하기 (1) : 일반git commit -m "\[커밋메시
[https] client side https
goalhttps 연결하기ubuntu 기준입니다As a prerequisite, you are required to install certutil, a command-line utility that can create and modify certificate and k
[css] styled-components
goalstyled-components로 css 구성하기효용 : 스타일을 입히는 것 + 동시에 + 해당 스타일을 가진 컴포넌트를 만들 수 있다. ex) div 스타일링 : styled.div ex) input 스타일링 : styled.input
[React] 12 - Hooks : useRef
goaluseRef() 에 대해서 알아보자.코드를 통한 비교\-> (button 초기화를 클릭한 후) focus가 name으로 이동하는 것을 확인할 수 있다.
Project1
useEffect( () => { // componentDidMount, componentDidUpdate 역할 return () => { // componentWillUnmount 역할}})
[Auth] session
goalsession에 대해서 알아보자.var session = require('express-session')주어진 옵션으로 세션 미들웨어를 만든다.세션 데이터는 쿠키에 저장되지 않으며, 단지 세션 ID만 저장된다. 세션 데이터는 "서버에 저장"된다.
[DB] sequelize
goalsequelize에 대해서 알아보자.Sequelize는 Postgres , MySQL , MariaDB , SQLite 및 Microsoft SQL Server를 위한 약속 기반 Node.js ORM설치 : npm install --save sequelizeDB
[React] 11 - react-router-dom
goalreact-router-dom을 사용해서 라우트하는 방법을 알아보자.웹 애플리케이션에서 사용하는 모든 구성 요소는 react-router-dom에서 가져와야한다.일반적으로 다음과 같이 라우터에서 최상위 요소를 rapping한다.history API를 사용해서