본문 바로가기

전체 글

 (58)
[javascript] 비동기 처리를 알아보자 ② (promise, Async&await) callback 함수를 통해 비동기 처리를 알아 보았다 하지만 너무 복잡하다 보다 편한 방법을 살펴보자 PROMISE -- javascript에서 비동기적으로 실행하는 작업의 결과 (성공 or 실패)를 나타내는 객체 -- new 객체로 만들 수 있다, excutor라는 함수를 인자로 받고 매개변수에는 solve 함수와 reject 함수를 둘 수 있다 비동기 작업이 끝낸 후 성공 했을 시 solve 함수 실패시 reject 함수를 사용한다 바로 예시를 보자1 let timeAttack = new Promise(function (resolve, reject) { // new Promise 생성 setTimeout(function() { let random = Math.random() * 10; if(rand..
[javascript] 비동기 처리를 알아보자 ① (callback 함수) 동기/비동기 대충 야매로 개념만 알고 있었다 정확한 사용 이유와 처리 방법은 잘 몰른다 제대로 알아보자 javascript는 싱글스레드라 두 가지 작업을 동시에 실행 할 수 없다 동기처리와 비동기 처리가 있는데 Synchronous : 동기 ASynchronous : 비동기 동기처리는 작업 요청과 동시에 일을 처리한다 이와 달리 비동기처리는 작업은 요청하지만 그 자리에서 바로 안 해주도 된다 예를 들어 커피집에 손님들이 줄을 서고 앞사람이 커피를 받고나서 다음 사람 받을수 있는게 동기처리이고 주문은 차례차례 받고 커피는 만들어지는데로 받을 수 있는건 비동기 처리다 다음과 같은 코드가 있다 console.log(1); // 숫자 1찍기 setTimeout(()=>{ // 0초 뒤 숫자 2찍기 console..
[git] github에서 branch를 사용해서 가지를 쳐보자 언제 까지 master에만 때려박을순 없다 branch를 알아보자 branch는 말그대로 가지이다 기존 master에서 작업 하던 거에서 branch를 뻗어 작업 한 후 좋다 싶으면 합치고 아니다 싶으면 삭제 하면 되는 기능이다 1. 브랜치 만들기 git branch branch1 branch1이라는 브랜치를 만들어 줬다 git branch 를 사용하면 현재 브랜치 목록을 볼 수 있다 *가 붙어있으면 현재 선택된 브랜치 2. 브랜치 선택하기 "branch1"이라는 이름을 만들어 줬으면 임마를 사용하겠다는 명시가 필요하다 checkout 을 사용한다 git checkout branch1 요롷게 head포인터가 branch1을 가리킨다 git checkout -b abcdefg// 브랜치명 을해주면 브랜치 ..
[git] github에 나의 프로젝트를 업로드 해보자 github에 저장소를 만들었다면 이제 넣어보자 참고: victorydntmd.tistory.com/53 우선 git이 설치 돼있는지 확인하자 cmd창에 git --version 으로 버전 확인. 설치가 안돼있다면 ->git-scm.com/downloads 고고 local repository는 자신의 PC에서 작업공간! remote repository는 github에 있는 공간! 기본 명령어: git init : 새로운 local repository 생성 git add : 변경된 파일 storage에 추가 git commit : add한 파일을 local repository에 저장 git push : local repository 를 remote repository에 업로드 git저장 과정: 출처:med..
[git] github에 작업저장소를 만들자(Repository) git은 버전 관리 툴이고 gitgub는 웹상에서 소스 코드를 올려서 다른 사람과 공유 및 협업을 할 수 있다 작업 저장소를 만들어 주어야 하는데 Repository라고 한다 Repository 만들기 나의 깃허브 아이디를 만들면 좌측 상단에 New 버튼이있다. Repository name에 원하는 이름을 적고 Public (다른사람에게 소스공개) 과 Private ( 나만보기)를 선택해준 후 하단의 Create repository를 눌러주면 waglewale이란 이름으로 나의 repository 목록에 생성 돼있다. 이제 이 곳의 주소로 소스 업로드 및 내려받기가 가능하다 안에 들어가서 code▼를 눌러보면 repository주소가 생성 돼있는것을 볼 수 있다 다음은 cmd창에서 업로드하는 방법을 알아보자
[프로젝트]1:1 매칭 대상을 바꿔보자 (react,nodejs,express) 오늘 작업한거 정리이다 기존 이성 끼리만 매칭되던 기능을 버튼 하나 더 만들어 동성끼리도 만나게 해주자 콤보박스를 누르면 원래는 1:1과팅과 "다중매칭은 준비중입니다." 가 뜬다 저자리에 동성 친구를 넣어주자 버튼은 어떻게 구분 해 줄까 this.state = { arrow_text: "1 : 1 과팅", // 콤보박스에 뜨는 문구인데 default는 "1 : 1 과팅" count: 1, state 값에 count를 넣어서 1:1 과팅 클릭시 count: 1, 동성친구 클릭시 count: 2, 로 초기화 해준다 "매칭시작"을 누르면 컴포넌트가 실행 되는데 start 컴포넌트에 count값을 넘겨 주자, 그래야 구분지어 함수를 실행 할 수 있다 컴포넌트 당연히 props를 사용해야 한다 const user..
[react,javascript] 화살표 함수를 알아보자 (arrow function) 함수를 간단하게 써보자 화살표 함수(arrow function)은 ES6에 추가된 표현식을 사용하는 함수로 화살표 기로 => 를 사용한다 기존 함수 표현법: function add(first, second){ return first + second; } var add = function(first, second){ return first + second; }; 둘 다 add 라는 함수 명이며 first 와 second를 더한 값을 반환 한다. 화살표 함수는 익명 함수를 선언하여 변수에 대입하는 방법과 유사하다 let add = (first,second) => { // () 안에 파라미터 return first + second; // first 더하기 second 바환 }; let add = (first,..
[프로젝트]벤 당한 유저를 접근 못 하게 하자 (react, nodejs,mysql) 채팅앱이다 보니 욕설이나 성희롱이 존재 한다 신고 당한 유저를 이용 못하게 만들자 나쁜사람. 비매너 신고를 받으면 접수를 받고 그 유저를 ben_table에 넣어 주도록 하였다 ben_useer_realid가 회원의 아이디이다 이 테이블에 존재하는 유저는 페이지 어디에 있더라도 알림과 함께 로그인 페이지로 가게 만들자 페이지가 render되기 전 componentWillMount() 안에 코드이다 let user_realid = JSON.parse(localStorage.getItem("user")).user_realid; // 로컬스토리지에서 console.log(user_realid); 유저의 아이디를 가져오자 const box2 = { //박스로 감싸기 user_realid: user_realid,..

티스토리툴바