01. Package Manager Package Manager 란? 패키지 매니저는 패키지를 손쉽게 다루는 작업을 안전하고 편리하게 사용하기 위한 툴입니다! 다른 사람들이 만들어준 코드를 다운로드 받거나, 자신의 코드를 배포하여 다른 사람이 쓸 수 있도록 할 수 있습니다. Node.js에서 대표적으로 사용하는 패키지 매니저는 npm과 yarn이 존재합니다. ❓ 패키지는 뭘까요? npm이나 yarn에 업로드된 Node.js 모듈을 패키지라고 부릅니다. 모듈이 다른 모듈을 참조하여 사용하는 것과 같이, 패키지도 다른 패키지를 사용할 수 있습니다. 이런 관계를 의존 관계라고 표현합니다. npm 이란? npm은 자바스크립트에서 사용할 수 있는 패키지(모듈) 관리자입니다! 여러분이 Python과 같은 언어에서 ..
코딩캠프
01. HTTP의 이해 HTTP란? 데이터를 주고 받는 양식을 정의한 "통신 규약"중 하나가 HTTP입니다! (통신 규약: Protocol) 매우 범용적인 양식을 가지고 있어 전 세계에서 제일 널리 쓰이는 통신 규약입니다. (거의 만능!) 여기서 말하는 통신 규약이란, 컴퓨터끼리 데이터를 주고 받을때 정해둔 약속을 의미합니다. 비유를 해볼까요? 제가 여러분에게 한국어로 말을 걸면 여러분이 제 말을 한국어로 이해하듯이, 갑자기 제가 독일어나 불어로 말한다면 알아듣지 못하겠죠? 혹은 제가 같은 한국말로 말하더라도 여러분이 잘 알고 있던 표준어가 아닌, 우리가 모르는 아주 아주 작은 어느 지방에서만 사용하는 이해하기 난해한 사투리를 사용한다면요? 이렇듯이 여러분은 앞으로 수업을 진행하면서 HTTP라는 통신 규..
오늘부터 드디어?? 시작된 Node.js의 시작되었고 이번주에 입문부터 시작된다 이번주 시간표이고 잘 따라갈수있을지 무섭다.. 과제까지 있네.. 후 JS가 존재하기 이전의 웹 생태계 HTML과 CSS로 아주 간단한 스타일만 적용하는게 일반적이였고 CSS는 현재의 워드프로세서보다 더 적은 기능으로 텍스트를 꾸미는게 전부였다. HTML이라는 단어 그대로 Hyper Text를 이용해 각 문서(페이지)간 이동이 원활하게 꾸며둘 수 있는 순수한 Markup Language로서 이용되었다. JavaScript 탄생 자바스크립트는 이런 정적인(Static) 문서를 조금 더 동적(Dynamic)으로 표현할 수 있도록 만들어졌는데 NetScape 라는 웹 브라우저를 통해 상호작용을 강조하기 위해 간단한 기능을 넣어 만든..
사실, 객관(Facts) : 이번 일주일 동안 있었던 일, 내가 한 일 프로젝트 기간 : 12.02 ~ 09 주제 : 뉴스피드가 포함 되어있는 프로젝트 처음엔 마이페이지 수정을 맡았고 월요일날 마이페이지까지 맡게 되었다. 느낌, 주관(Feelings) : 나의 감정적인 반응, 느낌 갑자기 팀원이 탈주해서 어이가 없는 상황이 왔지만.. 빠르게 진행 하기위에 가장 관련이 있는 내가 마이페이지를 맡아서 진행 하게 되었는데 생각보다 할게 많았었다.. 처음 다뤄보는 업로드 기능이 ... 생각 보다 더 구현하기 어려웠다.. 배운 것(Findings) : 그 상황으로부터 내가 배운 것, 얻은 것 천천히 이 코드에 대해서 알아가는 과정이 생략되듯 프로젝트 제출 기한이 있다보니 구현에만 집중하다 보니까 이 코드가 어떻게..
오늘은 일주일간 진행했던 노드 1차 뉴스피드 프로젝트 발표날이다.. 우리팀에서 만든 프로젝트는 개발 스택별로 구분된 게시판을 나눠 개발과 관련한 꿀팁을 공유 할수있는 뉴스피드를 만들었다 프로젝트 발제가 끝나고 나서 Mysql 를 써야한다는걸 알게 되었고 디비는 처음부터 합쳐서 작업하는게 좋을거 같아 일단 개인NAS에 Mysql서버를 열어서 통합해서 작업을 하다가 나중에 우분투 서버로 옮기는 작업을 했다 그렇게 했던 이유는 각각 팀원들이 데이터베이스를 구축하면 따로 시간이 +가 되어서 프로젝트에 좀 더 집중을 못할꺼같아 처음부터 통합하여 진행하고 싶어 팀원들에게 얘기했었다 이번 팀과 저번 팀의 차이점은 음.. 소통?? 이번에는 팀원들과 얘기를 많이 못 해서 팀원들이 어떤 문제가 있는지 어디를 하고있는지 몰..
어제 시작했던 이미지 업로드 부분을 하다가 로그인 맡던 팀원분이 패스워드 암호화를 완료해서 나도 같이 수정했다 겨우 이미지 업로드 부분과 삭제부분을 성공?? 했다 그 후 마이페이지 글 나오는 부분을 클릭 하면 해당 글로 이동하는거와 CSS를 수정했다
오늘은 마이페이지 정보 수정을 시작했다. 처음엔 역시 프론트부터 작업했다 요론식으로 작업하고 수정하는 부분은 이름, 이메일, 내 소개 부분을 수정가능하게 했다 추가로 비밀번호를 입력해야 정보를 수정할 수 있게 하려고 입력창과 버튼들을 만들었다. 이제 백쪽을 먼저 유저 정보를 뿌려주는 작업을 했다 그리고 수정부분 가린 DB정보를 제외 하고는 스샷을 못찍어서 수정이 된 부분이라 가렸다 저녁을 먹고와서 이미지 업로드부분을 했지만... 못했다.. 어려워
오늘은 이미지 업로드를 포기하고 내가 맡은 페이지의 마이페이지부터 시작했다.. 오전에는 프론트를 오후에는 백앤드를 처음에는 이렇게 시작했고 하다가 프로젝트 S.A 를 봤더니 디자인이 아니여서 요로케 바꿨다 아래 코드를 보면 세션을 이용했지만 처음에는 그냥 빈공간으로 뒀다 왜냐!! 로그인 부분이 안되어서 그 후 위 코드로 아래 처럼 정보를 받아서 뿌려줬다
마이페이지 수정을 맡아서 제일 먼저 프론트를 대충 짜고 나서 제일 힘들 거 같은 이미지 업로드를 했지만 하루 종일 하지 못했다.
사실, 객관(Facts) : 이번 일주일 동안 있었던 일, 내가 한 일 JavaScript 원격강의 나머지 알고리즘 타임어택 풀이 / 해석 DB 설계, 구축 특강 Mysql 특강 restAPI 특강 HTML, CSS 특강 OSI 7계층 느낌, 주관(Feelings) : 나의 감정적인 반응, 느낌 에바야 너무 이상해 배운 것(Findings) : 그 상황으로부터 내가 배운 것, 얻은 것 복습이든 예습이든 하자 미래(Future) : 배운 것을 미래에는 어떻게 적용할 지 미리미리 준비해야될듯...
오늘은 노드 공식 첫 프로젝트 시작하는 날 이번 프로젝트 주제는 뉴스피드 뉴스피드 내 게시물을 포함한 모든 게시물을 볼 수 있는 공간 구현 요구 사항 기술 스택 HTML CSS JavaScript MySQL flask 기능 요구 사항 로그인 회원 가입 게시판 Logging 시스템 파일 업로드 & 다운로드 마이 페이지 프로필 수정 데이터 또는 게시판 Pagination 필요 세부 기술 CRUD 를 이용한 Mysql 작업 (join 활용) 세션 관리 을 바탕으로 S.A 를 작성을 했다. 초기 API 설계는 DB는 이런식으로 작성했다..
API (Application Programming Interface) Interface 어떠한 두가지가 서로 연결되고 영향을 미칠 수 있는 장소/방법/상황 Application Programming Interface 응용프로그램 간에 데이터를 주고 받는 방법 Server API 데이터를 주고 받는 양식 인증 호출제한 OpenAPI 빠르고 유연한 비즈니스 구축 비즈니스 품질 향상 생태계 확립 REST의 정의 REpresentational State Transfer 자원을 이름(자원의 표현)으로 구분해 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미합니다. 즉, 자원(resource)의 표현(representation)에 의한 상태 전달을 뜻합니다. 자원 : 해당 소프트웨어가 관리하는 모든 것 ( 문..
