분류 전체보기
알고리즘 스터디 - Stack
이번시간에는 Stack에 대해서 알아보도록 하겠다. STACK 우리가 흔히 게임을 하다보면 " 스택을 쌓아야 더 강해진다 " " 스택 쌓아야된다 " " 스택 쌓였다 " 라는 식의 대화를 한 적 있을것이다. 이 말에서 힌트를 얻고, 스택은 무언가를 쌓는다고 할 수 있다. 자, 그럼 스택이 무엇인지 대충 알았을테니 제대로 시작해보자. LIFO Last Input First Out 의 약자인 LIFO 이다. 스택 알고리즘은 나중에 들어온것을 먼저 빼주는 방식으로 동작을 한다. 이 것을 보았을 때 아래와같은 이미지로 동작이 된다. Function 이번 알고리즘에서는 아래와 같은 함수를 구현해 보겠다. push - 마지막 인덱스에 값을 추가한다 pop - 마지막 인덱스의 값을 삭제하고 반환한다. peek - 마지..
[NodeJS] 로그인/회원가입 구현하기 (로그인편)
2021.05.20 - [내가 공부하는것/JavaScript] - [NodeJS] 로그인/회원가입 구현하기 ( 회원가입편 ) >> 내용이 잘 보이지 않는다면 우측 하단의 달 모양을 클릭해주시기 바랍니다. { if(err) console.log(err) }) res.end() }) 이렇게 해주면 원하는 값을 가져올 수 있을것이다. 그런데 내가 위에서 없는 id 값을 가져오면 아무것도 출력이 되지 않는다고 했는데 이때는 id가 존재하지 않는것이니 이 조건을 추가해주겠다. router.js const db = require('../db/config') router.post('/login', (req,res,next) =>{ param = [req.body.id, req.body.pw] db.query('SEL..
[NodeJS] 로그인/회원가입 구현하기 ( 회원가입편 )
2021.05.20 - [내가 공부하는것/JavaScript] - [NodeJS] 로그인/회원가입 구현하기 (로그인편) >> 내용이 잘 보이지 않는다면 우측 하단의 달 모양을 클릭해주시기 바랍니다. { console.log(req.body) res.end() }) 이런식으로 작성을 해준다면 연동이 잘 될것이다. 만약, 여기서 오류가 난다면 mysql.createConnection() 부분에서 정보 입력에 문제가 생긴것이니 잘 확인해보도록. router.js 에서 이제 db에 값을 넣어줄것이다. 그 전에 sql 문을 어떻게 하는지 알아보자. SQL INSERT 문 입력받은 값을 db에 저장하기 위해서는 insert 문이 필요하다. 우선, 간단하게 db구성이 어떻게 되어있는지 알아보자. member Tabl..
[React] 라이브러리 없이 이미지 슬라이더 만들기
효율이 완전떨어질 수 있는 코드일 수 있습니다. 하지만, 기능적으로 문제는 없다 생각하여 작성한 글 입니다. 문제점 혹은 지적사항에 관한 댓글은 환영하겠습니다. 현재 포트폴리오 사이트를 만들던 중, 이미지 슬라이더를 라이브러리 없이 만들어보고 싶었습니다. 그러던 중 한가지 아이디어가 떠올라 이렇게 글을 작성하였습니다. 일단 완성품 내가 원하는 그림 현재 제작중인 포트폴리오 사이트의 일부분 입니다. 좌측 하단에 보면 Prev, Next 버튼이 있습니다. 이 버튼을 누르면 다음 슬라이더 혹은 이전 슬라이더가 보이는 기능을 구현하고 싶었습니다. 여러가지 스크롤에 관련된 함수는 많았습니다. ( scrollTo, scrollintoView, scrollTop, scrollLeft 등 ) 하지만, 스크롤에 관련된 ..
[Javascript / React / Node ] async+await 과 axios - 파일분리 와 코드경량화
useEffect(()=>{ const getApis = async () => { await axios.get([LINK]).then(res => setState(res)) } getApis(); }) 기존에 위와같은 형식으로 api 를 불러오고 있었습니다. 하지만, 페이지가 많아지고 컴포턴트가 많아지다보니 이 렇게 api를 호출하는 코드를 따로 분리해서 모아야겠다는 생각이 많이 들었습니다. 파일분리 getApis.js import axios from 'axios'; const getApiData = async () => { await axios.get([LINK]) .then(res=>{ return res }); } export { getApiData } pages.js useEffect(()=>{ ..
심리테스트 "방구석 꽃놀이" 개발 일지
정말.. 우리 디자이너들 디자인 잘 뽑아내는거같다...굳굳.. 이 페이지는 여러가지 질문 페이지 중 한 장면인데 캐릭터를 보면 너무 귀엽게 잘 뽑아놨어요... 일단 이 심리테스트는 React 기반으로 제작이 되었으며, 현재 결과 페이지랑 메인페이지를 조금만 더 다듬고 수차례 테스트 후 출시가 가능할것으로 예상됩니다. React를 많이 해보지 않은상태에서 해당 프로젝트를 진행해서 코드가 좀 많이 더럽기도하고 구조 설계도 잘못해서... 이제 조만간 해당 서비스 개발을 마치고, 설 연휴 ~ 다음주 사이면 개발이 완료될 것 같네요. 완성이 된다면 해당 서비스를 개발하면서 생겻던 고민점, 알게된 내용 등 여러가지 내용을 정리하고자 합니다.
[Node.js] 콜백지옥 벗어나기 async / await
↓이전 글은 아래 링크를 통해 확인하실 수 있습니다↓ [Node.js] 콜백지옥 벗어나기 promise Nodejs의 비동기처리? Nodejs는 Non-Blocking 방식으로 서버에 요청을 보냇을 때 응답이 올때까지 기다려주지 않습니다. 요청을 보내고 바로 다른일을 하다가 응답이 오면 해당 값을 사용할 수 있게 되 webaura.tistory.com async & await async & await 은 가장 최근에 나온 비동기 처리 방식이며, 기존 방식인 Callback , Promise의 단점을 보안하고자 나온 방식입니다. async & await 어떤원리? 함수 명 앞에 async 라고 명시를 해 두면 해당 함수 안에는 await 이라는 키워드를 사용할 수 있습니다. 해당 키워드는 Promise 의..
[제작중] 요즘 핫한 심리테스트 기획.
요즘 시국에는 밖으로 잘 나가지 않죠. 그렇기에 집에서 할만한것들이 늘어다나보니 심리테스트같이 소소한 행복을 알아가는 테스트들이 점차 늘어나고 있습니다. 그래서 저의 개인 포트폴리오용으로 하나 서비스를 운영해보려고 합니다. 고퀄리티는 아니고, 디자이너와 함께 작업을 하고있으며 2월중으로 오픈을 하는것을 목표로 하고있습니다. 자세한 진행사항 및 코드는 일부 구현과 관련된 부분에 대해서만 작성을 하려고 합니다.