티스토리

코딩하자

검색하기

블로그 홈

코딩하자

hyeon-9405.tistory.com/m

호성동쎕쎕이 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

템플릿 문자열 ES6 문법 중에 중요하다고 생각되는 내용들만 정리해볼 생각 입니다 가장 처음에 정리해볼껀 템플릿 문자열인데요 한번 알아볼까요? 기존에 있던 자바 스크립트의 문자열 사용 방법 입니다 let str1 = 'hello' let str2 = 'wolrd' let helloWolrd = str1 + ' ' +str2 //'hello wolrd' let cola = {name:'coca cola',price:'710원'} let messages = '제품 '+ cola.name + ' 1캔의 가격은 ' + cola.price + ' 입니다' // 제품 coca cola 1캔의 가격은 710원 입니다 자 이걸 템플릿 문자열로 바꾸게 된다면 이런식으로 바꾸면 됩니다 let str1 = 'hello' let str2 .. 공감수 0 댓글수 0 2021. 1. 4.
javascript object 생성에 대해서 간단한 예제 function person (name,age){ let obj = {} obj.name = name obj.age = age obj.greeting = function(){ return `안녕 ${name}!!` } return obj } 이제 이 함수를 이용해서 새로운 사람을 만들수있습니다 const hyeon = person('hyeon',25) hyeon.name hyeon.age hyeon.greeting() 이제 생성자를 이용해서 한번 만들어볼까요? function Person (name,age){ let obj = {} this.name = name this.age = age this.greeting = function(){ return `안녕 ${this.name}!!` } r.. 공감수 0 댓글수 0 2020. 12. 9.
객체 지향 프로그래밍에 대해서 (정리중) 자 객체 지향 프로그래밍에 대해서 알아보기전에 컴퓨터가 어떻게 작동이 되는지에 대해서 아주 간단하게 알아보겠습니다 컴퓨터는 산술 혹은 논리 연산을 수행하는 기계로써 1970년대 이후에 폰노이만 구조에 기반을 둔 디지털 컴퓨터로 구현이 됩니다 대형컴퓨터(슈퍼컴퓨터,메인프레임) 개인용 컴퓨터(데스크탑, 노트북, 테블릿) 이정도가 대표적인 컴퓨터로 볼수가 있습니다 컴퓨터를 잘 모르시는 분들께서도 컴퓨터는 1과0의 연산이라고 들어보신적 있을껍니다 전류가 흐르면 1 흐르지 않으면 0으로요 자 이제 객체 지향 프로그래밍을 알아볼까요? 객체 지향 프로그래밍은 자동차 공장에 비유를 하면 클래스라는 틀에 자동차 프레임들을 찍고 자동차를 생산하는것과 똑같다고 보시면 될것 같습니다 객체 지향의 개념은 플라톤의 이데아론를 보.. 공감수 0 댓글수 0 2020. 12. 9.
Queues(정리중) Queues? Queues란 앞서 배운 Stack과 같이 요소를 추가하거나 제거 할수있는 위치에 제한이 있는 추상 데이터 유형이다 이러한 제한은 요소는 FIFO(First In First Out) 이다 Queue는 놀이공원의 줄처럼 생각 할수있습니다. 앞쪽에 있는 사람이 가장 먼저 이용을 하고 다음 줄을 서는 사람들은 맨뒤쪽으로 오겠죠? 이처럼 대기열에 처음 들어간 사람이 놀이기구를 먼저 이용을 하고 가장 최근에 줄을 선사람이 (대기열에 추가가 되지 않는다면) 제일 마지막에 놀이기구를 이용을 하겠죠 대기열에서 주요 초점은 요소가 제거가 되는 head와 tail 이 있습니다 필수기능 대기열과 관련된 두가지 작업 enquque(el)// quque의 끝에 요소 el을 추가한다 dequque()// quque.. 공감수 0 댓글수 0 2020. 12. 3.
Stack Data Structure란? Data Structure는 데이터 구성,관리 및 저장 형식을 효율적으로 엑세스 및 수정을 하게 끔 모아둔 자료들을 의미한다. Stack Stack의 개념 위의 그림같이 진행 되는걸 LIFO(Last In First Out)이라고 한다 맨 처음 push 됬던게 제일 마지막에 빠져 나온것 이라고 보면 된다 stack은 할당된 공간이 있으며 할당된 공간이 모두 사용된 경우 push를 사용할수없게 된다 할당된 공간이 모두 사용되었지만 그럼에도 불구하고 push를 한경우 stack overflow가 발생된다 또한 할당된 공간이 비어있을때 pop이 시도 될때 stack underflow가 발생된다 JavaScript를 사용해서 구현 youtu.be/D_NbDvvuTOM class S.. 공감수 0 댓글수 0 2020. 12. 3.
git remote git remote는 상대방의 저장소에 연결 하는걸 뜻하는거 같습니다 이런식으로 git remote 라고 적으면 바로 연결된 remote가 나오죠 git remote -v 뒤에 -v를 붙이면 해당 연결된 저장소의 url이 나옵니다 ※어떤 저장소에서는 push 권한 까지 제공을 하지만 여기서는 push 권한 까지는 확인을 할수 없습니다※ 또한 이런식으로 $git remote add { repoName } { URL } remote 저장소를 추가 할수있습니다 remote push 하는 방법에 대해서는 상당히 간단 합니다 push를 하는 방법만 아시면 되죠 위와 같이 $git push 이런식으로 추가 하시면 됩니다 예제를 보시죠 remote 된 저장소 이름에 지금 브랜치 이름이 현재 master 니까 git .. 공감수 0 댓글수 0 2020. 11. 30.
git을 시작하며 오늘부터 git 에 대한 작은 카테고리가 생겼습니다 git 문서에 나와있는걸 한번 살펴 보면서 적을 생각 입니다 공감수 0 댓글수 0 2020. 11. 30.
full pre 8기 4주차 회고 첫 1주차 때 변수 조건 반복문 CSS를 위주로 했던거 같다 변수 조건문 반복문 같은 경우에는 왠만한 모든 문제는 해결이 가능하지만 CSS 같은 경우에는 좀 어렵다고 생각한다 왜냐하면 나 자체가 디자인에 재능이 없기 때문이다 2주차에는 배열과 과제인 Koans와 과제인 Twittler 에 대해서 시작을 했다 배열 같은 경우도 마찬가지로 쉬웠고 Koans같은 경우에도 쉬웠다 Twittler 같은 경우에는 띄엄 띄엄 시간이 있어서 집중이 잘 안됬다 3주차에는 고차 함수와 알고리즘 문제 과제인 Twittler 함수 작성이 있었다 고차 함수는 완전히 이해가 가지만 이게 말로만 설명하기에 좀 어려운 부분이 있는거 같다 내가 완전하게 이해를 못해서 그런것 같다 하지만 고차함수 문제가 나온다면 어렵지 않게 문제를 해.. 공감수 2 댓글수 0 2020. 11. 22.
날씨 api 보호되어 있는 글입니다. 공감수 1 댓글수 0 2020. 11. 20.
tree_ui function createTreeView(menu, root) { menu.forEach(function(el){ if (el.children === undefined){ const li = document.createElement('li') root.append(li) li.textContent = el.name } if (el.children !== undefined){ const li = document.createElement('li') const input = document.createElement('input') const span = document.createElement('span') const ul = document.createElement('ul') root.append(li) .. 공감수 1 댓글수 0 2020. 11. 19.
JSON Serializer 안녕하세요 오늘은 Serializer 에 대해서 알아 볼껀데요 왜 Serializer가 필요한지에 대해서 한번 생각해볼까요? 저희가 이제 string 타입이나 number 타입 boolean 타입 같은 경우에는 바로 문자열로 만들어 줄수가 있습니다 이런식으로 말이죠 하지만 객체나 배열 같은 경우에는 어떨까요? 이런식으로 배열 같은 경우에는 괄호( [ ] )가 없어진 형태로 문자열로 바뀌게 되고 객체 같은 경우에는 [object object]라고 나오네요 그렇다면 전체적으로 배열 같은 경우에는 괄호가 삭제 되지 않고 객체 같은 경우에는 object라고 나오지 않게 끔 문자 타입으로 변경 하려면 어떻게 해야 할까요? 이러한 식으로 JSON.stringify(변수) 하신다면 문제 없이 변경 할수 있습니다 하지.. 공감수 0 댓글수 0 2020. 11. 19.
나의 계산기 과제에 대한 코드 설명 보호되어 있는 글입니다. 공감수 0 댓글수 0 2020. 10. 30.
코플릿 10번 문제 반복문을 넣어서 풀어보기 보호되어 있는 글입니다. 공감수 0 댓글수 0 2020. 10. 28.
개발자 도구로 알아보는 문자타입 숫자형 변환법 & 숫자타입 문자형 변환법 일단 문자 타입 숫자형으로 변환하는 방법에 대해서 알아봅시다 일단은 문자타입 숫자를 하나 만들어 봅시다 첫번째 기본적인 숫자형태로 변환 하는 방법은 Number()을 사용해서 변환하는 방법 두번째는 문자타입인 숫자에서 연산자를 앞에 붙여주면 연산을 해서 나오는 방법이 있습니다 하지만 이 방법 같은 경우에는 위와같이 연산처리를 해버리므로 주의해서 사용하는걸 권장 합니다 자 일단은 여기까지 문자 타입 숫자를 숫자타입으로 변환 하는 방법에 대해서 알아 보았구요 다음으로 넘어가도록 하겠습니다 이번에는 숫자타입을 문자형으로 변환 하는 방법입니다 첫번째는 ''에 + 연산을 하여서 문자 타입으로 바꿔주는것 입니다 위와 같이 하시면 바로 문자 타입으로 변화된 모습 입니다 두번째는 바로 String()을 이용해서 변환시.. 공감수 1 댓글수 0 2020. 10. 28.
내가 생각하고 있는 함수 내가 생각하기에는 함수는 전체적인 큰 그림의 일부분이다 쉽게 말하자면 자동차를 큰 그림이라고 생각해보자면 자동차에는 핸들이 있고 문이 있고 창문이 있고 바퀴가 있을것이다 이 부분들이 일부분이고 일부분이 뭉쳐서 하나의 자동차가 나온다 결론적으로 말해서 함수는 하나의 작업물을 만들때 여러가지의 함수를 붙이거나 뭉쳐서 하나의 작업물이 나오는것이다 문제가 있을시 이메일로 문의 주세요 guspooh1@gmail.com 공감수 0 댓글수 0 2020. 10. 26.
개발자 도구로 알아 보는 변수 일단 let으로 변수 a를 설정해줬다 undefined라고 뜬 이유는 아직 변수 a에 아무것도 대입하지 않았기 때문에 정의되지 않음이라고 나온다 이번에는 변수 a에 문자 타입의 name을 대입해줬는데 변수 a는 문자 타입의 "name"이 나오는 모습을 볼 수가 있다 이번에는 변수 a에 문자 타입의 Kim을 대입 해줬는데 문자 타입의 name은 없어지고 문자 타입의 Kim이 들어간 모습을 확인 할수가 있다 이번에는 변수선언을 const로 해보았다 그냥 const b로 했을 때는 선언이 불가능하다 그렇기에 변수 b는 숫자 타입의 0 으로 선언을 해보았다 그랬더니 b는 숫자타입의 0이라고 잘 선언된 것을 볼 수가 있다 이번에는 b를 숫자타입의 1로 문자 타입의 name으로 대입을 해보았는데 타입 에러가 나온다.. 공감수 0 댓글수 0 2020. 10. 26.
배열안에 원하는 값을 찾아서 반환하기 문제 설명 String형 배열 seoul의 element중 Kim의 위치 x를 찾아, 김서방은 x에 있다는 String을 반환하는 함수, solution을 완성하세요. seoul에 Kim은 오직 한 번만 나타나며 잘못된 값이 입력되는 경우는 없습니다. 제한 사항 seoul은 길이 1 이상, 1000 이하인 배열입니다. seoul의 원소는 길이 1 이상, 20 이하인 문자열입니다. Kim은 반드시 seoul 안에 포함되어 있습니다. 입출력 예 seoulreturn [Jane, Kim] 김서방은 1에 있다 나의 코드 function solution(seoul) { for (let i = 0; i < seoul.length;i++){ if (seoul[i] === "Kim") return "김서방은 " + i.. 공감수 0 댓글수 0 2020. 10. 23.
반복적인 작업을 하는 여러가지 방법 첫번째는 대부분의 작업에 사용하는 for 문이다 for (초기;조건;증감){ 작업 } 초기 : 어디서 부터 시작할껀가? 조건 : 어디서 중단할껀가? 증감 : 얼마 만큼 증가하거나 감소 할껀가? 이런느낌이고 작업 : 이쪽에는 반복적인 작업을 해야하는것을 넣어주면 된다 두번재는 while 문이다 for 문 처럼 많이 사용하지는 않고 몇번 반복될지 모를때 사용한다 let i = 0 while(조건){ 명령 } while 문은 for문과는 다르게 초기가 없고 조건 명령 밖에 없다 명령 안에 증감도 써줘야함 세번째는 재귀함수다 재귀함수는 자기 자신을 계속 호출해서 반복적인 작업을 하는 것이 재귀함수이다 그럼 일단 간단하게 하나의 예제를 만들어 보겠다 function fac(n){ if(n === 1 || n ==.. 공감수 1 댓글수 0 2020. 10. 22.
문자열 찾기 문제 설명 문자열 s의 길이가 4 혹은 6이고, 숫자로만 구성돼있는지 확인해주는 함수, solution을 완성하세요. 예를 들어 s가 a234이면 False를 리턴하고 1234라면 True를 리턴하면 됩니다. 제한 사항 s는 길이 1 이상, 길이 8 이하인 문자열입니다. 입출력 예 sreturn a234 false 1234 true 간단한 코드 function solution(s){ if (isNaN(s) === true){ return false } else { return true } } 일단 isNaN이라는 걸로 NaN이 나오는 매개변수를 false로 돌리고 나머지를 true로 둔다 하지만 몇몇 검사에서는 실패가 나오니 정확하지 않는 코드이다 정확한 코드를 찾아 보았다 function solutio.. 공감수 0 댓글수 0 2020. 10. 21.
짝수나 홀수 찾기 문제 설명 정수 num이 짝수일 경우 Even을 반환하고 홀수인 경우 Odd를 반환하는 함수, solution을 완성해주세요. 제한 조건 num은 int 범위의 정수입니다. 0은 짝수입니다. 입출력 예 numreturn 3 Odd 4 Even 나의 코드 function solution(num) { if (num%2 === 0){ return "Even" } else{ return "Odd" } } 일단 코드 설명 하자면 num에 매개변수로 정수를 가져올꺼임 그럼 num은 정수로 가정하고 조건문에 num을 2로 계속 나누게 되서 0이 나오면 짝수가 나올꺼니까 num%2 === 0이 true가 맞으면 Even으로 리턴이 되고 0이 안나오게 된다면 (홀수라면) Odd가 나올꺼임 function solution.. 공감수 0 댓글수 0 2020. 10. 21.
두정수사이의합 문제 설명 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다. 제한 조건 a와 b가 같은 경우는 둘 중 아무 수나 리턴하세요. a와 b는 -10,000,000 이상 10,000,000 이하인 정수입니다. a와 b의 대소관계는 정해져있지 않습니다. 입출력 예 abreturn 3 5 12 3 3 3 5 3 12 나의 코드 function solution(a, b) { let sum = 0 if (a < b){ for (let i = a; i 공감수 0 댓글수 0 2020. 10. 21.
pre 코스를 마치며.. 보호되어 있는 글입니다. 공감수 0 댓글수 0 2020. 10. 16.
html 소스 가져오기 & CSS 파일 가져오기 오늘은 html 하고 css 파일을 가져와 보는 시간 입니다. 원하는 사이트 아무곳이나 집어서 저는 네이버를 예로 들도록 하겠습니다 네이버에서 우클릭 한 다음 페이지 소스 보기를 누릅니다 누르시면 상당히 방대한 내용의 html이 나오는데요? 그 상태에서 우클릭 누르시고 다른 이름으로 저장을 누릅니다 이제 원하는 경로에 파일을 저장 하고 VSC로 열어 줍니다 그러면 이제 html은 저장이 되었습니다 css는 Ctrl + F로 css를 찾기로 등록하고 찾아주세요 찾아 주셨으면 링크에 마우스를 올리시고 Ctrl + 좌클릭 눌러주세요~ css도 우클릭 누르시고 원하는 위치에 파일 저장 하시면 됩니다~ 오늘은 html 하고 css를 가져오는 방법을 알아봤는데요 이 부분 가지고 클론 코딩을 하셔도 됩니다 혹시 하시.. 공감수 3 댓글수 0 2020. 9. 21.
html 소스를 가져오자 import requests req = requests.get('가져올 http 주소') html = req.text print(html) 일단 리퀘스트 불러오고 다음엔 가져올 http 주소를 가져오고 http를 텍스트로 변환 출력 공감수 0 댓글수 0 2020. 9. 21.
for 문에 대해서 알아보자 for 문은 반복문으로써 초기문 , 조건문 , 증감문 식으로 진행된다 for (let i = 0; i < 10; i++){ 명령 } 처음 동작 할때 i는 변수 선언을 했고 i에 0을 대입 했으니 i는 현재 0이다 그 다음으로 넘어가면 조건문으로 넘어간다 현재 i는 0이므로 i는 10보다 작으니 참이 된다 참이므로 명령으로 넘어가고 명령이 동작을 하면 다음으로 넘어갈것은 증감문이다 현재 증감문은 i++ 했으니 1씩 증가가 된다 그 다음으로 초기문으로 돌아와서 i는 증감문에서 1이 증가 되었으니 i는 현재 1이다 이해가 안된다면 그림으로 보자 처음에 이런식으로 1,2,3,4 순서대로 작동을 한다 1. 초기문 2. 조건문 3. 명령문 4. 증감문 계속 작동을 하다가 i 가 10 까지 왔다고 가정을 해보자 그러.. 공감수 0 댓글수 0 2020. 9. 20.
if , else if , else를 알아보자 조건문은 조건이 참일 때 실행되는 것을 조건문이라고 한다 거짓이면 넘어가게 됨 if ( 조건 1) { 명령문 } if문 같은 경우에는 조건 1이 참일 때 명령문이 실행되는 구조이다 else if 같은 경우에는 if로 한번 조건을 만들어주고 거짓으로 통과된 경우에 else if를 사용해서 한번 더 조건을 추가하는것이다 if (조건1) { 명령1 } else if (조건2) { 명령2 } 이런 식으로 적용을 할 수가 있다 조건이 여러 가지인 경우 else if로 한번 더 걸러주는 역할이다 그래도 조건이 많다면 else if를 중첩해서 사용이 가능하다 else 같은 경우는 조건문이 없다 바로 명령문으로 넘어간다 if (조건1) { 명령1 } else if (조건2){ 명령2 } else { 명령3 } 계속해서.. 공감수 0 댓글수 0 2020. 9. 19.
http를 가져오기전 응답상태 체크 하는법 import requests r = requests.get('https://www.naver.com/') r.status_code // 200 200이 떴다면 성공이다 http 상태 코드 마다 상황이 다르니 간단하게 설명하고 자세한건 위키 백과 링크 남긴다 1XX (조건부 응답) 2XX (성공) 3XX (리다이렉션 완료) 4XX (요청 오류) 5XX (서버 오류) ko.wikipedia.org/wiki/HTTP_%EC%83%81%ED%83%9C_%EC%BD%94%EB%93%9C HTTP 상태 코드 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 둘러보기로 가기 검색하러 가기 아래는 HTTP(하이퍼텍스트 전송 프로토콜) 응답 상태 코드의 목록이다. IANA가 현재 공식 HTTP 상태 .. 공감수 0 댓글수 0 2020. 9. 19.
requests 용도와 설치법 python의 requests 모듈은 http 를 손쉽게 가져올수있게 하는 모듈이다 일단 설치하기 위해서는 터미널에서 python -m pip install requests 이것을 입력을 하자 소스 코드를 얻고 싶다면 git clone git://github.com/psf/requests.git 이것을 쓰면된다 시작하기에 앞써 import requests 이것을 적어 모듈을 불러오자 공감수 0 댓글수 0 2020. 9. 19.
문자를 숫자 타입으로 숫자 타입을 문자 타입으로 변경해보자 자 일단 "1"과 1의 차이점을 말해보자 "1"은 문자열로 된 1이고 1은 숫자 열인 1이다 왜 이렇게 나뉘었냐고 프로그래밍으로 밥 벌어먹는 친구에게 물어보니 그렇게 하면 잘못 전송이 될 수도 있거나 프레임 워크 때문에 그렇다는데 그렇구나 라고만 생각하면 될꺼 같다 아무튼 우리는 문자를 숫자타입으로 숫자를 문자 타입으로 바꾸어 보자 문자를 숫자타입으로 바꿔 보는걸 먼저 해보자 Number("1") 이런 식으로 하면 문자열인 1이 숫자열로 바뀌게 된다 예를 1로 든 것뿐이니 다른 숫자도 가능하다 그럼 숫자를 문자 타입으로 바꾸어 보자 String(1) 이런식으로 하면 숫자 열인 1이 문자열 "1"로 바뀌게 된다 문자열 변환은 "" + 1 이렇게도 가능하다 이것 말고도 다른 방법이 있을 거 같은데 나중에 찾.. 공감수 0 댓글수 0 2020. 9. 18.
변수에 대입해 계산을 해보자 숫자를 변수에 대입해 계산을 해보자 일단 변수를 만들고 그것을 곱하거나 나누거나 빼거나 더하기를 해보자 let a = 2 * 2; let b = 2 / 2; let c = 2 - 2; let b = 2 + 2; 이런식으로 하면 a라는 변수에는 4가 대입이 되고 b라는 변수에는 1이 대입이 되고 c라는 변수에는 0이 대입이 되고 b라는 변수에는 4가 대입이 된다 물론 컴퓨터는 계산기와는 다르기에 문자도 계산 할수있다 let a = "배" let b = "고" let c = "파" let d = a + b + c 이렇게 한다면 변수 d에는 배고파가 된다 이제 변수 2개를 추가를 하던지 1개를 추가하던지 기존의 변수를 수정을 해서 "배고파 밥줘" 를 콘솔 로그로 띄워 보자 공감수 0 댓글수 0 2020. 9. 18.

문의안내

티스토리
로그인
고객센터

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