본문 바로가기

제가 왜 백엔드 개발을 하고 있을까요?/Node.js9

[Node.Js] 모놀리식 서비스 만들기_02 구현 이 게시물과 이어지는 글입니다. https://asj8000.tistory.com/entry/NodeJs-모놀리식-서비스-만들기_01 불러오는 중입니다... 파일 하나로 API를 만들어 비즈니스 로직과 I/O 처리 기능을 분리한다. 그리고 회원 관리와 데이터 관리의 모듈을 별도로 구성한다. REST API는 기본적으로 http서버를 사용한다. 기본적인 nodejs의 http 서버에 메소드와 URI를 추가해보자. 아래는 기본적인 서버구조이다. const http = require('http'); var server = http.creatServer((req,res) { }).listen(8000));//기본 지정 포트인 8000번을 사용 메소드와 URI는 전부 http.creatServer의 리퀘스트에서 .. 2019. 5. 2.

[Node.Js] 모놀리식 서비스 만들기_01 설계 오류 지적은 언제나 환영입니다 :-) 아래의 게시물의 초반. 모놀리식 아키텍처와 이어지는 내용입니다. 링크 : https://asj8000.tistory.com/entry/마이크로서비스-아키텍처 모놀로식 아키텍처를 설명하기 위해 넣었던 사진의 데이터 관리와 데이터 접근 부분을 설계하려한다. 먼저 좀 더 자세히 정의를 해보자면, 회원 관리와 데이터 관리 기능의 API를 제공한다. 형식은 REST API를 제공한다. 회원 관리는 크게 3가지 기능을 제공한다. 1. 회원 등록 2. 회원 인증 3. 회원 탈퇴 회원 정보는 사용자 명과 패스워드로 구성한다. 데이터 관리는 회원 데이터를 제외한 모든 데이터를 포함하는 용도로 적어둔 것이다. 예시를 들자면 쇼핑몰이라면 등록되어 있는 상품들, 블로그라면 포스팅된 게시물.. 2019. 5. 2.

[동아리 사이트 제작 - 07] 웹 백엔드 개발 - 마무리 자 이제 백엔드로 넘어왔다. 백엔드에 손을 댄 부분은 내가 40, 다른 친구가 60이다. express 프레임워크를 사용하면 \www\bin라는 파일이 존재하는데. 빠르게 지워버렸다. :-) 이 프로젝트의 핵심 소스코드인 app.js의 내용이다. bin에 있던 포트 설정이 app.js로 넘어왔다. 라우트에는 두가지 파일이 있다. 용도에 따라 구분해둔 것. 어드민만 가려둔다. 정말 짜는데 팀원이 애 많이 먹은 소스이고, 졸업하신 동아리 선배에게 질문도 했었다. 내가 손댄 부분은 대략 2~3할정도이며 이게 내가 가장 적게 수정한 소스이다. 위 사진은 DB부분의 소스코드이다. 왼쪽은 DB 연결 소스, 오른쪽은 스키마 정의 왼쪽 소스코드는 데이터로 입력되는 패스워드를 암호화 해주는 것, 오른쪽은 정규식을 이용한.. 2019. 4. 22.

[동아리 사이트 제작 - 06] 웹 프론트 개발_05 이미지 디자인 가면 갈수록너무 Node.js 와 연관성이 떨어지는 것 같다 ㅋㅋㅋㅋㅋㅋ 이제 카테고리의 정체성을 잃어버릴 것만 같은 느낌을 받는..... 웹사이트에 들어가던 여러가지의 사진들이 있다. 이 게시물을 적을려 하니 갑자기 생각났다. 이걸 이야기하기 전에 먼저 꺼내야 할게 있는데, 정확히 3월 31일에 내 실수이자 컴퓨터의 문제로 사용자 폴더에 있던 거의 모든 데이터를 손실했다. 다행이 mega.nz에 대부분의 프로젝트를 저장하고 있었지만, 꽤 많은 프로젝트를 잃어버렸다. ㅠㅠㅠ 그렇기에 포폴에서도 작년 여름쯤 개발했던 챗봇을 적지 못했다. 정말 백업이라는 것이 얼마나 중요한지 몸소 깨닭게 된 사건이었다.... 복구 프로그램을 통해 여러가지 복구를 하긴 했는데 모든 파일이 제대로 복구되질 않았다. 이 것은 동.. 2019. 4. 22.

[동아리 사이트 제작 - 05] 웹 프론트 개발_04 JS소스파일 프론트에 들어간 JS 소스파일이 크게 4개가 있다. 우클 방지 JS 여러가지로 쉽게 찾아볼 수 있는 형식의 소스코드다. 지금 이 블로그도 17년 겨울쯤에 적용을 했던 기억이 있는데 옛날에 사용해본 기억이 있기에 쉽게 적용할 수 있었다. 현재 블로그에는 디자인을 수정하면서 우클방지 소스가 삭제되었다. (function(){ var cancel=function(e){if(window.event){window.event.cancelBubble=true;window.event.eturnValue=false;}if(e&&e.stopPropagation&&e.preventDefault){e.stopPropagation();e.preventDefault();}return flse;};var block=function.. 2019. 4. 22.

[동아리 사이트 제작 - 04] 웹 프론트 개발_03 어드민 페이지 이 페이지는 데이터베이스의 내용을 읽기 위해 만들어진 페이지이다. 소스코드 : https://jsfiddle.net/zwk6ytn5/ DB 내용을 읽어오는 여러가지의 함수가 보이는데 지금까지 포스팅 했던 것 중 가장 많이 보인다. 어드민에 접근하는 방법은 특정 페이지에 접속해 ID와 비밀번호를 입력해야 한다. 페이지는 아래와 같이 생겼다. 신상은 가린다..! 2019. 4. 20.

[동아리 사이트 제작 - 03] 웹 프론트 개발_02 신청 페이지 단순하고 쓰기 쉽게 제작하는 데에 초점을 두었기에 모든 페이지가 전부 매우 단순하다. 페이지의 수가 적고 그저 스크롤을 내리기만 하면 모든 페이지를 볼 수 있다. 이 글에서 포스팅할 페이지는 자소서 신청 페이지다. 아래에 링크에 소스코드를 넣어두었다. https://jsfiddle.net/4n85djoc/ html이 아닌 Ejs 파일이라 몇개의 문법이 들어있다. 예를 들자면... 지원 접수가 만료되었습니다. SSR에 지원해주셔서 감사합니다. 다음 작성 양식에 맞춰 지원서를 작성해주시기 바랍니다. 본 지원서는 저장과 불러오기가 가능합니다. 여러번 수정 가능하지만 제출 후 수정은 불가능합니다. 이 점 유의해주시기 바랍니다. 다음 작성 양식을 공격할 시 불이익을 받을 수 있습니다. 합격 통보는 이메일을 통해 .. 2019. 4. 20.

[동아리 사이트 제작 - 02] 웹 프론트 개발 _ 01 메인 페이지 밤샘 동안 만든 뼈대에 살들을 붙이기 시작했다. 전 게시물에 적었듯 프론트엔드 개발자이 가능한 사람은 나 밖에 없었기에... 정말 이 사이트를 제작하면서 프론트엔드 공부에 도움이 많이 된 것 같다. 원래 연습보다 실전에서 더 크게 성장한다고.... 정말 여러가지 삽집을 했는데 특히 viewport와 flexbox를 사용했던 것은 아직도 기억에 남는다. 제작했던 프론트 소스들이다. 동아리원의 신상도 어느 정도 포함되어 있기에 적당히 수정해서 맨 마지막 부분에 소스를 올려둔 링크를 남겨둔다. 메인 페이지를 감싸는 CSS소스코드. 개발해본 경험이 좀 부족하기에 소스에 무작정 때려박은 경향이 조금 보인다.... ㅎㅎ 특히 모바일뷰에 그런 부분이 많이 보인다. 이 css를 제작하는데만 대략 4~6일 정도 걸린 것.. 2019. 4. 20.

[동아리 사이트 제작 - 01] 기초 기반 마련 프로젝트 진행 기간 : 2019.2.14~ 2019.3.3 신입생들의 동아리 신청 자소서를 받을 사이트를 제작해야 했다. 빠르게 동아리 멤버 3인조로 팀을 꾸렸고, 신촌에서의 한 번의 밤샘과 여러번의 집 디코 밤샘을 통해 틀을 만들고 제작했다. Node.js와 Express 프레임 워크를 사용하기로 결정하고 VSCode의 라이브쉐어 확장 프로그램의 도움을 받아 제작하였다. 내가 nodejs로 웹사이트를 제작해 본 것은 블로그 하나정도였지만, 경험이 부족하다 해서 안 될 것이 뭐가 있는가 :-) 우리 조원들의 역할 배분은 이렇다 나 : 프론트엔드 100% 백엔드 40% 팀원 1 : 백엔드 60% 팀원 2 : 기타 (도메인외 설정 등등) 나 외에 디자인이 가능한 사람이 없었기에 내가 프론트를 전부 맡아서 했.. 2019. 4. 20.

이전 1 다음

티스토리툴바