티스토리

개발 공부하는 빙빙

검색하기

블로그 홈

개발 공부하는 빙빙

bingbing-study.tistory.com/m

빙빙 님의 블로그입니다.

구독자: 0

방명록 방문하기

주요 글 목록

Callback 과 Promise의 차이점 자바스크립트에서는 setTimeout() 이라는 대표적인 내장 비동기 함수가 있다. Callback과 Promise는 비동기 처리 패턴을 의미한다. 차이점은 Callback은 결과값을 사용하고 싶으면 콜백 함수 안에서만 처리를 해야한다. 중첩되어 사용하면 콜벡지옥이 발생되어 에러 처리가 힘들다. Promise는 프로미스 객체에 비동기 결과 값이 저장되어있어 .then으로 불러오면 되어 로직짜기 편하다. Promise를 사용하면 resolve와 reject라는 파라미터가 있다. resolve는 비동기처리 성공했을 때, reject는 비동기 실패,에러가 발생했을 때 첫 번째 인자로 어떠한 값을 넘길 수 있다. resolve는 .then의 첫 번째 인자로, reject는 .catch의 첫 번째 인자로 들어간다.. 공감수 0 댓글수 0 2023. 2. 7.
세션 스토리지 , 로컬 스토리지, 쿠키 Html5부터 생겨난 클라이언트 안의 저장소 = 웹 스토리지 웹스토리지 안에 세션 스토리지 , 로컬 스토리지가 있다. 웹 스토리지는 서버에 저장하지 않고 브라우저에 저장함 세션 스토리지와 로컬 스토리지의 차이점 : 영구성 로컬 스토리지 - 브라우저를 닫아도 데이터가 영구적으로 남아있음, 예시로 자동 로그인 세션 스토리지 - 브라우저를 닫으면 데이터가 사라짐, 예시로 비회원 장바구니 쿠키 - 클라이언트에서 만료 기간이 있는 데이터 저장소, 암호화가 되지 않아서 보안에 취약함 ,오늘 하루 안보이게 하는 팝업창 기능 공감수 0 댓글수 0 2023. 2. 5.
Garbage Collection Garbage : 유효하지 않은 메모리, 공간을 할당해놓고 사용하지 않고 있는 메모리 C언어는 메모리를 차지하는 가비지를 free()라는 함수로 직접 개발자가 메모리 해제 처리를 해줘야한다. 하지만 java는 JVM이라는 가비지 컬렉터가 메모리 누수를 방지하기 위해 불필요한 메모리를 정리해준다. * JVM (Java Virtual Machine) : 자바를 실행 시킬 수 있게 하는 가상 머신 OS에 종속되지 않고 CPU를 돌릴 수 있게 하는 가상 컴퓨터 .java 파일은 OS가 이해하지 못하므로 JDK에 있는 컴파일러로 .class으로 변환시켜 JVM이 이해할 수 있게 변환시켜줘야한다. 그 다음 JVM이 기계어로 변환하여 OS로 간다. 즉, java 파일이 있으면 JVM때문에 OS에 종속되지 않고 파일을.. 공감수 0 댓글수 0 2023. 1. 21.
SSAFY 퇴소! 취업 성공해서 오늘 싸피 중도 퇴소했다! ㅎㅎ SSAFY 아니였으면 나 어떻게 취준했을지 상상도 하기시르다. 1월 5일부터 시작해서 수고 많았다!! 예상외로 취업이 빨라져서 좋네. 앞으로 잘 해보자~! 공감수 2 댓글수 2 2021. 10. 19.
[백준] 14889.스타트와 링크 - 파이썬 from itertools import combinations import sys input = sys.stdin.readline N = int(input()) matrix = [list(map(int,input().split())) for _ in range(N)] members = [i for i in range(N)] #0부터 N까지 리스트 만들어놓고 조합 뽑음 # 첫 조합의 여집합 반대되는거는 마지막에 있는 조합 #i번째면 -i-1번째가 반대되는 것 combi = [] #두개씩 뽑고 그것들을 리스트에 넣은 다음에 for team in list(combinations(members, N//2)): combi.append(team) A = [] B = [] for i in range(len(combi.. 공감수 0 댓글수 0 2021. 10. 14.
[프로그래머스] 피보나치 수 - 파이썬 def solution(n): answer = 0 n1,n2 = 1,1 if n == 2: return 1 else: for i in range(3,n+1): answer = (n1 + n2)%1234567 n1 = n2 n2 = answer return answer 처음엔 재귀함수로 피보나치를 풀었는데 7번부터 실패, 시간초과가 났다!! 그래서 반복문으로 처리했다. 첫 번째 수는 그 다음 수를 넣어주고 두 번째 수에는 answer값을 넣어주었다. 조건문 n ==2일때만 있는 이유는 입력 값이 2이상이라고 했기 때문! 공감수 0 댓글수 0 2021. 10. 12.
빅데이터 향수 추천 시스템 Send.U.Scent https://youtu.be/122BitBJkXI 프론트엔드(Vue.js)+백엔드(Django), UCC제작 공감수 1 댓글수 0 2021. 10. 10.
Node.js에 Mysql연동하기 https://opentutorials.org/course/3347/21185 Node.js MySQL 모듈의 기본 사용방법 - 생활코딩 수업소개 Node.js의 MySQL 모듈의 기본적인 사용방법을 알아봅니다. Node.js MySQL 모듈 바로가기 npm install -S mysql 강의 소스코드 nodejs/mysql.js var mysql = require('mysql'); // 비밀번호는 별도의 파일로 분리 opentutorials.org 생활코딩님 강의를 참고 하였다. npm install -save mysql 하고 connection을 하기 위해 mysql에 올라간 데이터베이스 정보(host,user,password,database)를 넣어주면 된다. var mysql = require('.. 공감수 0 댓글수 0 2021. 9. 23.
Git Commit 되돌리기 프로젝트를 하다가 커밋을 잘못된 브렌치에 push했을 때!! 커밋 취소하고싶을 때 고치는 방법!! 유용하다! 원하는 커밋의 시점으로 되돌리기 1. git reset 커밋아이디 되돌려진 상태에서 다시 commit (생략해도됨) 2. git commit -m "커밋 내용" 원격 저장소에 강제로 push 3. git push -f -f는 force로 강제다!! 꼭 신중히 하기 내용이 없어져도 되는지 확인! 공감수 0 댓글수 0 2021. 9. 17.
[프로그래머스] N개의 최소공배수 - 파이썬 from math import gcd def lcm(x,y): return x*y // gcd(x,y) def solution(arr): # 숫자 두개씩을 lcm함수에 넣어서 반환받기 answer = arr[0]*arr[1]//gcd(arr[0],arr[1]) for i in range(2,len(arr)): answer = lcm(answer,arr[i]) return answer print(solution([2,6,8,14])) 파이썬은 gcd()함수가 있어서 최대 공약수를 자동으로 구해준다. 그래서 이것을 사용해야겠다고 생각했고 최소 공배수 = 두 숫자의 곱 / 최대 공약수 이기 때문에 맨 앞 두 숫자들을 먼저 뽑아서 그것들 끼리 최소 공배수를 구해줬다. -> 배열 0번째,1번째 것으로 그러고 여기.. 공감수 0 댓글수 0 2021. 9. 16.
SPLIDE로 이미지 Slider만들기 https://vuejsexamples.com/a-powerful-and-flexible-slider-and-carousel-for-vue-js/ A powerful and flexible slider and carousel for vue.js Vue Splide is the Splide component for Vue. vuejsexamples.com 이 사이트에서 option여러개 넣고 빼고 하면서 내가 원하는 슬라이드를 만들 수 있다! 사진 세개가 자동으로 슬라이드 되는거 만들었따! 결과화면 캡쳐본 공감수 0 댓글수 0 2021. 9. 14.
Vue3 달라진 점 https://v3.ko.vuejs.org/guide/migration/introduction.html 1.views 디렉토리는 src/ 하위 였는데 router/하위로 바뀜 layout/디렉토리가 별도로 존재한다 2.Teleport : DOM에서 HTML조각을 렌더링할 부모 엘리먼트를 제어할 수 있는 깔끔한 방법 제공. 모달버튼을 태그로 텔레포트해라 라는 식으로 렌더링 가능 3.태그 안에는 로 감싸야만 했는데 안해도된다. 하지만, 개발자가 속성을 상속해야하는 위치를 명시적으로 정의해야함 시작하기 | Vue.js 시작하기 INFO Vue.js의 새로운 기능에 대한 정보가 필요하신가요? 그렇다면 필수가이드를 확인하세요. 이번 가이드는 Vue 2 경험이 있으면서, Vue 3 변경사항 및 새로운 기능을 배우고.. 공감수 0 댓글수 0 2021. 9. 13.
[프로그래머스] 카펫 - 파이썬 def solution(brown, yellow): answer = [] x,y = 0,3 cal= (brown + 4)//2 while 1: x = cal - y if x = y: #조건에 맞으면 if x*y - brown == yellow: answer.append(x) answer.append(y) break y += 1 return answer print(solution(8,1)) 둘레= 가로 *2 + (세로-2(가로에서 카운트한 모서리부분) ) * 2 이기 때문에 가로 : x , 세로 : y brown = 2x + 2(y-2) 조건은 x>=y 과 y >2이다. y>2인 이유는? 세로가 3개 이상 이어야만 가운데 부분이 생기기 때문!! 2개면 가운데 부분이 생길 수가.. 공감수 0 댓글수 3 2021. 9. 8.
[백준] 1436.영화감독 숌 - 파이썬 N = int(input()) cnt = 0 num = 666 while 1: if '666' in str(num): cnt += 1 if cnt == N: break num += 1 print(num) 처음에 문제를 잘못읽어서 6이 연속으로 나와야하는 건지 몰라서 왜 안되는지 잘 몰랐다. 그래서 666이 문자열으로 바꾼 숫자 상에서 존재해야하므로 숫자를 str로 변환해서 '666'이 존재하면 카운트 하는 식으로 해서 원하는 번째의 수가 나오면 출력했다. 공감수 0 댓글수 0 2021. 8. 29.
[백준] 2798.블랙잭 - 파이썬 from itertools import combinations N,M = map(int,input().split()) cards = list(map(int,input().split())) combi = list(combinations(cards,3)) #3개 조합 뽑기 # print(combi) high = 0 for i in range(len(combi)): num = sum(combi[i]) #각 조합의 합 if high < num and num 공감수 0 댓글수 0 2021. 8. 26.
[백준] 10872. 팩토리얼 - 파이썬 def factorial(N): if N == 0: return 1 else: result = N * factorial(N-1) return result N = int(input()) print(factorial(N)) 공감수 0 댓글수 0 2021. 8. 25.
[프로그래머스] 거리두기 확인하기 - 파이썬 from collections import deque # 상하좌우 튜플로 고정 D = ((-1,0),(1,0),(0,-1),(0,1)) def bfs(place,row,col): visited = [[False for _ in range(5)] for _ in range(5)] q = deque() # 지금 위치 방문 마킹 visited[row][col] = True # 행,열 좌표, 거리 q.append((row,col,0)) while q:#큐가 존재할 때 curr = q.popleft() #거리가 2를 초과했을 때 패스 if curr[2] > 2: continue #거리가 0 이 아닐 때 = 자기 자신이 아닐 때와 #P값을 만났을 떄 if curr[2] != 0 and place[curr[0]][c.. 공감수 0 댓글수 0 2021. 8. 24.
방구석 게임방 UCC 방구석 게임방 프로젝트 완성 Frontend, UCC제작 공감수 10 댓글수 2 2021. 8. 19.
[프로그래머스] 상호평가 - 파이썬 위클리 챌린지 2주차 def solution(scores): answer = '' for j in range(len(scores)): cnt = len(scores) add = 0 high = 0 low = 101 for i in range(len(scores)): add += scores[i][j] if i == j: continue if high scores[i][j]: low = scores[i][j] if scores[j][j] > high or scores[j][j] = 90: answer += 'A.. 공감수 0 댓글수 0 2021. 8. 12.
[프로그래머스] 프린터 - 파이썬 def solution(priorities, location): answer = 0 order = [0]*len(priorities) order[location] = 1 while 1: m = max(priorities) num = priorities.pop(0) ord = order.pop(0) if num >= m and ord == 1: answer += 1 return answer if num >= m and ord == 0: answer += 1 continue else: priorities.append(num) order.append(ord) order라는 리스트를 모두 0으로 만들어준다. location은 찾아야할 인덱스가 있는 것 이므로 order[location] = 1로 해준다. 그러면.. 공감수 0 댓글수 0 2021. 8. 10.
[프로그래머스] 오픈채팅방 - 파이썬 25번부터 32번까지 시간초과난 코드. 아마 2중 포문을 사용해서 시간초과가 난 것같다. def solution(record): #딕셔너리를 사용하여 Enter Change 일때 그에 맞는 닉네임으로 해시의 값을 바꾸면 됩니다 answer = [] res = [] for i in record: temp = i.split() res.append(temp) for i in range(len(res)): for j in range(0, i): if res[i][1] == res[j][1]: if res[i][0] == 'Change' or res[i][0] == 'Enter': res[j][2] = res[i][2] else: #Leave res[i].append(res[j][2]) for i in range.. 공감수 0 댓글수 0 2021. 8. 7.
[프로그래머스] 부족한 금액 계산하기 - 파이썬 위클리 문제라고해서 풀어봤다 def solution(price, money, count): res = 0 for i in range(1,count+1): res += price*i if res >= money: answer = res -money else: answer = 0 return answer 그냥 반복문을 count번만큼 돌면서 가격을 곱한것을 다 더해주었다가 그 값이 가지고 있는 돈money보다 커지면 money를 빼서 리턴시킨다. 만약 res가 money보다 작을 수도 있으니까 그럴 땐 돈이 부족하지 않다는 의미이다. 그래서 리턴 0 공감수 0 댓글수 0 2021. 8. 5.
[백준] 1748. 수 이어 쓰기 - 파이썬 N=int(input()) res = 0 s = len(str(N)) if s == 1: res = N else: for i in range(2,s+1): res += (9*(10**(i-2))*(i-1)) res += (N-(10**(s-1)-1))*s print(res) 한 자리 수 일 때는 받아온 N그대로이니까 N출력 한자리수 이외에는 만약 3자리수이라면 한자리수 * 9개, 두 자리수* 90개를 모두 더해준뒤 N-99(두자리수중 가장 큰것)을 하면 세자리수의 갯수가 나온다. 그래서 그 갯수에 *3을 한 것을 더해줘서 출력했다. 공감수 0 댓글수 0 2021. 8. 4.
[백준] 1476. 날짜 계산 - 파이썬 E1,S1,M1 = map(int,input().split()) cnt = 0 E,S,M =0,0,0 while(1): cnt += 1 E += 1 S += 1 M += 1 if E >= 16: E -= 15 if S >= 29: S -= 28 if M >= 20: M -= 19 if E == E1 and S== S1 and M == M1: break print(cnt) 무한대로 while문을 돌면서 카운팅을 해준다. 만약 E가 16을 넘으면 -15를 해주며 다시 1로 만든다.S와 M도 마찬가지로 빼주며 1로 만든다. 그러다가 입력받은 값이 나오면 break로 반복문을 끝내준다. 카운팅한 숫자를 출력하면 끝 공감수 0 댓글수 0 2021. 8. 1.
[백준] 2309.일곱난쟁이 - 파이썬 height = [] for i in range(9): height.append(int(input())) two = sum(height) - 100 end = 0 for i in range(9): if end == 1: break for j in range(9): if height[j] == height[i]: continue if height[i] + height[j] == two: le = height[j] height.remove(height[i]) height.remove(le) end = 1 break height.sort() for i in range(7): print(height[i]) 1. 아홉명의 키의합 - 100 = 난쟁이가 아닌 두명의 키의 합 2. 2중 for문을 돌며 그 두명의 키.. 공감수 0 댓글수 0 2021. 7. 30.
객체지향 특징 객체지향 특징 1.캡슐화 데이터와 속성을 하나의 함수로 묶는 것. 캡슐화되어 정보가 은닉(은폐)되어 코드 수정시 오류의 파급효과가 적다. 캡슐화하면 객체의 재사용이 가능하다. - private,public과 같은 접근제어자로 접근할 수 있는 범위가 정해져서 정보의 은닉이 됨 2. 추상화 불필요한 부분을 생략하고 객체 속의 속성 중 가장 중요한 것만 개략화 하는 것(모델화 하는것) - 공통된 것들을 묶는 것 3. 상속성 부모 클래스와 자식클래스가 있어서 부모 속성을 자식에게 확장시키는 것 중복되는 코드의 재사용을 위함 4. 다형성 오버라이딩 오버로딩과 같이 하나의 메소드를 여러 방식으로 재정의하여 사용이 가능하다. - 오버로딩: 메소드 명만 같고 파라미터, 타입은 다른 메소드를 중복 선언하는 것 - 오버라.. 공감수 0 댓글수 0 2021. 7. 29.
SPA(Single Page Application) 화면이 전환될 때 구성요소가 전체가 변하는 것이 아닌, 변화되는 곳만 원래거에서 변화하는 것이다. 미리 페이지를 받아놔서 초반에는 좀 느리지만 라우팅으로 화면을 갱신하는 방식 최초 로딩시 html,js부분이 먼저 로딩이 되어야한다. 장점은 사용자가 빠르게 페이지 전환이 되어 사용자 경험에 좋다. 애니메이션 효과를 넣기 좋다. 단점은 받아올 js크기가 커지면 로딩 시간이 길어진다. 공감수 0 댓글수 0 2021. 7. 28.
Vue 관련 공부 Vue 라우터가 필요한 이유 뷰는 한 페이지에 내용만 바꾸면서 보여주는 방식이기 때문에 뷰 라우터가 안에 있는 내용을 바꾸어 보여주는 원리로 구현된다. props 부모에서 자식 데이터를 내려줄 때 사용. 상위 컴포넌트에서 하위 컴포넌트로 데이터를 넘겨준다. emit 하위 컴포넌트 -> 상위 컴프넌트로 데이터 전달 SPA 버튼을 클릭하거나 스크롤을 이동시키면 최소한의 변화만 일어나는 것입니다. 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통한다. 사용자의 경험의 간섭을 막아준다. 변화하는 것만 동적으로 불러들여서 추가한다. SFC(single file conponent) vue의 컴포넌트 기반 개발의 핵심 특징 하나의 컴포넌트는 하나의 .vue파일 하나 안에 .. 공감수 0 댓글수 0 2021. 7. 26.
DOM DOM : 문서 객체 모델 XML이나 HTML의 문서에 접근하기 위한 일종의 인터페이스. 표준화된 접근/조작 방법을 제공한다. 돔은 html 트리와 같은 구조화된 형태로 js가 실행되어질 수 있는 환경 1. Core DOM : 모든 문서 타입을 위한 DOM 모델 2. HTML DOM : HTML 문서를 위한 DOM 모델 3. XML DOM : XML 문서를 위한 DOM 모델 Vue, React를 사용하면 속도 개선을 위한 Virtual DOM 방식으로 DOM을 제어하게 된다. Virtual DOM -> 변경된 부분만을 가상돔에서 가려내어 모든 DOM제어 이후 최종적으로 DOM에서 한 번만 렌더링을 수행하는 방법 원래 돔은 파싱,페이팅,렌더링 같은 작업을 업데이트가 20번 일어나면 해당 작업을 20번 반복.. 공감수 0 댓글수 0 2021. 7. 26.
웹이 동작하는 과정 1. 먼저 브라우저가 DNS에 가서 서버의 진짜 주소 찾기(숫자로 이루어진 주소) 2. 그 다음 서버에게 웹 사본을 HTTP로 요청한다. 3. 서버는 요청을 승인하고 state 200을 보내며 브라우저에게 데이터가 들어있는 패킷 단위로 전송한다. 4. 브라우저는 패킷을 조립하여 웹을 구성하여 우리에게 보여준다. DNS - 도메인 네임 서버 진짜 서버 주소(IP)를 우리가 알아보기 쉽고 기억하기 쉬운 이름의 서버로 연결시키는 곳이다. 공감수 0 댓글수 0 2021. 7. 25.

문의안내

티스토리
로그인
고객센터

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