티스토리

냥냥의 개발일지

검색하기

블로그 홈

냥냥의 개발일지

shinsw627.tistory.com/m

TIL 끄적

구독자: 0

방명록 방문하기

주요 글 목록

TIL은 노션과 깃허브로 옮기기로 했습니다! 아무래도 노션이 깃허브 사용에 더 편한 것 같아서 옮기기로 했습니다 shinsw627 (sungwoong shin) (github.com) shinsw627 - Overview shinsw627 has 16 repositories available. Follow their code on GitHub. github.com shinsw627 (냥무룩) - velog shinsw627 (냥무룩) - velog 디자인 패턴 정리(1) - Creational Pattern 싱글톤 패턴은 단 하나의 인스턴스를 생성해 사용하는 디자인 패턴이다.코드 내 어디서든, 오직 하나의 인스턴스만 사용할 수 있도록 객체를 생성하는 방법 velog.io 공감수 0 댓글수 0 2021. 10. 10.
16 TIL 소켓 socket.io 쇼핑몰 실시간 구매 알림 기능 TCP란? 서버와 클라이언트간 신뢰성 있는 데이터 송수신을 위해 만들어진 프로토콜입니다. 연결 지향성 프로토콜이라고도 부릅니다. 데이터를 나눠서 보낼수 있으며, 데이터를 받는쪽에서 나눠 받은 데이터를 재조립합니다. 만약 누락된 데이터가 존재하면 다시 요청해서 받아와 완전한 데이터를 만듭니다. TCP로 서버/클라이언트간 연결이 된 경우 데이터를 양방향으로 주고 받을수 있습니다. 데이터의 순서가 뒤바뀌는 일 없이 안정적이라 신뢰가 가능합니다. UDP에 비해 데이터 송수신 비용(부담)이 크다는 특성을 가졌습니다. UDP보다 전송 속도가 느립니다. UDP란? TCP와 다르게 비연결성 프로토콜입니다. 데이터를 보내고 제대로 받았는지 확인하지 않아, 데이터가 제대로 도착했는지 보장하지 않는 신뢰도가 비교적 낮습니다.. 공감수 0 댓글수 0 2021. 10. 2.
14 TIL 로그인 기능 구현! feat. Validation이란, jwt, joi 라이브러리 Validation이란 무엇인가? 특별한게 아니지만 개발을 하면서 가장 중요한것중 하나입니다. Validation은 말 그대로 어떤것을 검증한다고 보면 됩니다. function is1(value) { return value === 1; } 위 코드는 단순히 값이 1인지 아닌지 판단해서 Boolean 타입의 값을 반환하는 함수입니다. 이렇게 단순한 함수조차 Validation. 즉, 검증을 위한 코드가 됩니다. 라이브러리 joi가 그 예가 될 수 있습니다. joi - npm (npmjs.com) joi Object schema validation www.npmjs.com joi.dev - 17.4.2 API Reference joiSite ## Build Setup joi.dev 나중에 로그인구현에서 쓰게.. 공감수 0 댓글수 0 2021. 9. 30.
13 TIL node aws 배포 명령어, 처음 시작 시 github remote add commit push 하기 shinsw627/basicCrud (github.com) GitHub - shinsw627/basicCrud Contribute to shinsw627/basicCrud development by creating an account on GitHub. github.com 이번 기회에 깃허브를 대폭 정리했다. 매니저님께서 지원회사 마다 다르긴 하겠지만 블로그 보다는 GITHUB를 더 중점적으로, 우선적으로 본다고 하셔서 이제 깃허브에 더 신경을 쓸 예정이다. shinsw627/Algorithm_Prac (github.com) GitHub - shinsw627/Algorithm_Prac Contribute to shinsw627/Algorithm_Prac development by creating an a.. 공감수 0 댓글수 0 2021. 9. 30.
12 TIL 리액트 박살내기! State 관리 2 함수형 컴포넌트에서 state 관리 - useState() 새 컴포넌트를 만들어서 해볼까요? Nemo.js 파일을 만들고 시작합니다! Nemo 컴포넌트 만들기 import React from "react"; const Nemo = (props) => { // 반환할 리액트 요소가 없을 때는 null을 넘겨주세요! 처음 껍데기 잡으실때도 null을 넘겨주면 굳! return null; } export default Nemo; (2) App에서 불러오기 // import 먼저 하고 import Nemo from "./Nemo"; ... {/*컴포넌트 불러다 쓰기*/} ... ... (3) useState()로 count를 state로 등록하자 // count에는 state 값이, setC.. 공감수 0 댓글수 0 2021. 9. 29.
11 TIL 리액트의 날 클래스란? 객체 지향 프로그래밍에서 클래스는 특정 객체를생성하기 위해 변수와 함수를 정의하는 일종의 틀을 말한다. 객체를 정의하기 위한 상태와 함수로 구성되어 있다. 객체 단위로 코드를 그룹화하고 쉽게 재사용하려고 사용한다. class Cat { // 생성자 함수 constructor(name) { // 여기서 this는 이 클래스입니다. this.name = name; } // 함수 showName(){ console.log(this.name); } } let cat = new Cat('perl'); cat.showName(); console.log(cat); 클래스를 상속한다는 건, 이미 만들어 둔 어떤 클래스를 가지고 자식 클래스를 만든다는 것이다. class Cat { // 생성자 함수 const.. 공감수 0 댓글수 0 2021. 9. 27.
10 TIL 2 WIL REST, Restful API, GraphQL 차이 장단점 , DOM, 서버리스, 파이어베이스 항해 2주차도 지나간다... 주특기 기본과정 노드강의를 들었는데 솔직히 웹개발기초반에서 하던 것들과 크게 다른게 없이 API CRUD 말고는 크게 배운 것이 없는 것 같았다. 기초반이 짧았어서 심화반이 두렵다... 헉헉 막연한 두려움에 node교과서 라는 책을 사서 일단 보고는 있는데 기본적인 단어들 부터 검색하면 읽어야 하는 지경이라 조금 속도가 더디다.(예를 들면 스택, 큐 이런 단어들 조차 너무 생소해서 검색해서 이해해야한다 ㅎㅎ;;) 이번 WIL의 키워드 - Node.js : Restful API, package.json - Spring : DI, IoC, Bean - React : DOM, 서버리스 여러 사이트들을 돌아다니면서 읽어보고 まとめて 정리해 보았다. 먼저 REST API REST 란,.. 공감수 0 댓글수 0 2021. 9. 26.
9TIL 항해99 13일차 자다 일어났더니 너무 어지러워 검색해보니 이석증 이란다. ㄷㄷ 다행히 자연적으로 치료되는 경우가 많다고 하니 경과를 지켜봐야겠다. 뇌쪽이 문제가 아니어야 할 텐데 ㅠㅠ 제발 건강 문제 때문에 혹은 체력 문제 때문에 막히고 싶지는 않다... 과제도 이미 끝내서 조금 여유롭게 공부를 했다. 책이 굉장히 제목에 맞게 교과서적인 느낌이었다. 친절하게 이해되기 쉽게 천천히 그리고 많은 예시를 들어 설명해 준다. 읽는 사람이 굉장히 초보라도 쉽게 읽히는 느낌이다. 그리고 처음으로 E북으로 책을 사 봤는데 괜찮은거 같다. 공부하기에 오히려 더 만족감을 느꼈다. 예를들면 형광펜 기능이 있어서 책의 중요한 부분에 형광 표시를 하면 그 부분이 독서노트에 저렇게 담기고 메모로 내 마음대로 정리도 할 수 있다. 그리고 정말 .. 공감수 0 댓글수 0 2021. 9. 25.
7 TIL 게시판 만드는 과제를 하기 위해 처음 서버 만들기부터 다시 시작하였다... 생각보다 어려워서 내가 아직 개념이해가 많이 부족하다는 것을 뼈저리게 느꼈다... 그리고 html css... 너무 어려워~~ 노잼노잼 const express = require('express') const app = express() const port = 3000 const connect = require('./schemas'); connect(); const postsRouter = require('./routers/posts') app.use('/api', postsRouter) app.use(express.urlencoded({extended: false})) app.use(express.json()) app.use(e.. 공감수 0 댓글수 0 2021. 9. 23.
6 TIL 어제 심각한 DB오류와(2시간 가량 시간 버림 ㅠ) 멍청하게 vscode에서 작성을 해놓고 저장을 안하고 구동을 계속해서 (3시간 날림... 파이참은 저장안해도 실시간으로 반영되던데 ㅠㅠ) 3주차를 전부 듣지 못했다. 생각해보니 알고리즘도 못해서 오늘 두배로 해야한다... 일단 시작 전에 그냥 동기 비동기 기본 지식은 알아야할 거 같아서 뜬금없이 저장해봣다. 동기, 비동기 처리 (velog.io) 동기, 비동기 처리 데이터를 처리하는 방식인 동기, 비동기 처리에 대해 많은 글이 있지만 정확하게 와닿지가 않았다. 최대한 내가 이해한 방식대로 서술해 보려고 한다. 동기 (Synchronous)는 요청과 동시에 일어난다 velog.io [Javascript] 🌟비동기 처리🌟 (velog.io) [Javascr.. 공감수 0 댓글수 0 2021. 9. 23.
4 TIL 항해 8일차 드디어 주특기 node.js 강의에 들어갔다 자바스크립트 하면서 느낀점은 '비교적 쉽고 재미있다!' 이다. 자바를 배우다가 파이썬을 처음 배울 때랑 비슷한거 같다.ㅎ ㅎ; 1주차 밖에 끝내지 못했다... 내일은 진짜 일찍 일어나서(새벽5시반쯤) 제대로 들어서 3주차까지 끝내야겠다. 모레는 5주차!!!!!! 제대로 달리자!!!!!!!!!! var, let, const 비교 var, let, const 비교 A new tool for teams & individuals that blends everyday work apps into one. www.notion.so 호이스팅이란? Hoisting ES6에서 가장 크게 변화된 요소 중 하나라고 할 수 있다. Hoisting 이란 함수 안에 있는 선언들을 모두 .. 공감수 5 댓글수 0 2021. 9. 20.
3 TIL & WIL 항해 1주차가 끝났다. 정말 뜻 깊은 경험이었다. 생에 첫 협업 프로젝트 처음엔 불편하고 어색했지만 조원분들 다 너무 좋아서 프로젝트도 순조롭게 진행됐던 거 같다. 다음 프로젝트 때는 더 발전된 내가 되어야겠다. 주특기를 node.js로 하였고 그래서 자바스크립트 왕기초 문법 공부를 했다. const 변수이름 = 값 const는 let과 달리 변수에 값을 재할당할 필요가 없을 때 쓴다. 해당 변수가 고정된 값을 계속 갖고 있을 때 쓰면 좋다. 데이터타입. console.log('My' + ' car') // My car를 출력 console.log('1' + 2) // 12를 출력 '1' +2 는 string '12' 를 출력하게 된다. console.log(2 + 1) // 3을 출력 console.l.. 공감수 0 댓글수 0 2021. 9. 19.
2 TIL 어찌저찌 조원들 "하드캐리"받아서 미니프로젝트를 완성해 버렸다... developer-asher/mini-project: 항해99 1주차 미니 프로젝트 - 17조 (github.com) 나는 크롬드라이버를 이용하는 셀레니움으로 캠핑장 데이터 스크래핑을 맡았고, 중간중간에 메인페이지와 리뷰페이지 쪽(프론트 자바스크립트)을 하드캐리하는 형님과 같이 함수를 고민하는정도...?? 큰 도움은 되지 못했다. 다른 두 분은 로그인/회원가입 페이지와 리뷰페이지(백엔드부분) 쪽을 맡으셨다. 하... 뿌듯함 보다는 아쉬움이 많이 남는다... 저의 실력이 많이 부족했던 것 같고 정말 이게 최선이었을까 싶고 자신감도 너무 없었지 않나 생각이 든다... 그래서 새로운 것들에 많이 도전하지 못했던거 같다. 조원들 마다 다 시작점.. 공감수 0 댓글수 0 2021. 9. 19.
1 TIL 첫 시작 TIL 내가 과연 잘 할 수 있을까 오늘은 파이썬 for 구문에 하면서 새로운 방법을 알아냈다. List가 있으면 for a in List 라고 하면 List의 내용을 하나하나 a라는 변수에 담아간다 @app.route('/sort', methods=['POST']) def sort_campings(): location_receive = request.form['sortlocation'] camp_dataS = list(db.camp_info.find({},{'_id':False})) sorted_data = [] for camp in camp_dataS: if location_receive in camp['location']: sorted_data.append(camp) if location_.. 공감수 0 댓글수 1 2021. 9. 17.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.