본문 바로가기

분류 전체보기364

면접 질문 의도 파악하기 https://www.youtube.com/watch?v=7ye03TMi5SU&t=198s 테헤란 밸리 테헤란 밸리에 올라온 면접 팁!! 면접은 통과하는게 아니라 서로 확인하는 자리이다. 지원 동기 우리 회사를 어떻게 알고 되었고 왜 지원했나요? 스타트업 회사가 많은데 왜 우리 회사에 지원했나요? 왜 스타트업에 지원했는가? 우리 회사에 대해 조사 해왔냐는 질문이기보다는 지원자가 회사에 무엇을 기대하는지, 성장 의지가 있는지를 보기 위함 그 니즈를 회사에서 맞춰 줄 수 있는지 파악. "이 회사가 하는 서비스, 프로덕트가 좋아서 지원했다. " "이 회사의 발표를 통해서 기술적 수준을 들었는데 배울게 많은 거 같아서 지원하게 되었다." "제가 이 전회사에서 할 수 있는 부분이 많지 않았다. 새 기술을 시도해보.. 2021. 8. 21.
JS] 자바스크립트에서 css 변경하기 모든 style 관련해서는 CSS 안에 있는게 좋지만, 만약 유저가 클릭했을 때 백그라운드 색을 변경하고 싶다면 이럴 때는 자바스크립트와 style property를 이용한다. 그럼, DOM을 이용해서 자바스크립트로 css style을 변경해보자. Style Properties of every DOM object 찾아보기 https://www.w3schools.com/jsref/dom_obj_style.asp 1) 콘솔에서 DOM으로 원하는 element를 선택한 후 .style.property 로 써준다. 2) value는 "string" 스타일로 써준다. "red" "10rem" li 안에 있는 a 태그의 색을 빨간색으로 바꿔보기 li 안에 있는 a 태그의 폰트 사이즈를 10rem으로 바꿔보기 css.. 2021. 8. 19.
JS] 자바스크립트로 HTML element 선택하기 1. 자바스크립트 DOM 사용해서 HTML element 선택하기 getElement 보다는 querySelector를 더 많이 사용한다. .getElementsByTagName( ) 태그 이름으로 검색 1) 3번째에 있는 태그 검색하기 3번째 에 있는 Third의 글자를 바꿔보자. document.getElementsByTagName("li"); HTMLCollection(3) [li, li, li] document.getElementsByTagName("li")[2].style.color = "blue"; li가 여러 개 있기 때문에 몇 번째인지 적어줘야하고, 그 뒤에 원하는 효과를 적어놓는다. 2) element 갯수 검색 element가 몇 개 있나 검색하기 getElementsByClassNam.. 2021. 8. 18.
JS] Properties, Methods Properties vs Methods 자동차인 경우 버튼의 경우 하나의 object에는 properties, methods 두가지 특성이 있다. dot notation(마침표 찍는 방식)을 통해서 properties, methods에 접근할 수 있다. click()처럼 method에는 뒤에 괄호를 해준다. Properties 설정 get property 뭔지 물어보고 답 얻기 car.color; //blue set property 설정해주기, 설정 바꿔주기 car.numberOfDoors = 0; method 설정 call method 모두 괄호를 붙여준다. car.drive( ); method vs function method는 object가 하는 function이다. 자주 바꿔서 많이 말한다. 하지.. 2021. 8. 18.
VS code 단축키 option B: 웹 페이지 열림 cmd(ctrl) 여러 곳 클릭: 동시 텍스트 입력, 삭제 2021. 8. 18.
JS] DOM(Document Object Model) Dominating the DOM to add functionality to HTML elements DOM 쓰는 이유 지금까지 우리는 html, css로 static한 웹사이트를 배웠다. static한 웹사이트는 화면에 보여주는 일만 하는 것을 말한다. html, css를 로드하고 저장해서 브라우저를 리프레쉬하면 웹사이트가 보인다. 여기서 우리가 인터렉티브한 웹사이트를 만들고자 한다면 유저가 버튼을 눌렀을 때 웹사이트 일부를 그 때 그 때 변경해야 할 것이다. 우리는 그에 맞는 컨텐츠와 웹사이트의 디자인을 바꿔서 반응을 해주어야 한다. 웹사이트가 인터넷 상에서 라이브로 반응해줘야하는데 우리는 유저가 요청할 때마다 html, css 코드를 업데이트하고 웹페이지를 다시 로드해야하는 일을 수작업으로 매 번 .. 2021. 8. 17.
JS] 웹사이트에 자바스크립트 추가하는 법 css 를 html 웹사이트에 넣는 방법은 3가지가 있었다 1. in-line CSS html 태그에 직접 attribute를 넣는 경우 2. internal CSS htmldp 영역 만들고서 그 안에 attribute를 넣는 경우 3. external CSS 새로 페이지 만들어서 효과 자바스크립트도 크게 다르지 않다. 1. in-line JS html 태그에 직접 attribute 넣기 downside: not very modular, difficult debug, not good practice. 그냥 in-line은 쓰지마. 그래도 연습삼아서 실행해 보기 onload: body 태그가 로드업 될 때 onload에 있는 것도 수행이 된다. 큰따옴표가 여러개 있으니 브라우저가 alert(노란색)를 스트.. 2021. 8. 17.
섹션 10 마무리 / 유데미 안젤라유 부트캠프 공부중 온도는 29도로 높은 날씨이다. 연기가 해를 가려서 후덥지근하고 공기도 답답한 날이다. 올 해 유독 더운 날이 많고 비가 오지 않는다. 그래서 산불이 나도 꺼지지 않고 며칠씩 계속되고 있다. 8월 한달은 거의 뿌연 하늘 속에 살고 있다. 며 칠 괜찮다가도 다시 연기가 덮여온다. 일요일인 오늘은 아침에 잠깐 공부하고 오후 늦게 스타벅스로 섹션을 끝내러 갔다. 스타벅스의 문을 열자마자 시원한 공기가 정신을 벌쩍 들게했다. 오늘은 커피를 못먹겠으니 그린티프라푸치노를 사서 내 고정석에 앉았다. 내가 사는 곳에서는 앉아서 공부할 곳이 마땅히 없다. 집에서는 너무 시끄럽고 정신사나워서 있을 수 없고 도서관은 일요일은 문닫고, 평일도 8시면 닫는다. 스타벅스가 가장 적합하다. 하지만 도서관만큼 오래 있을 수는 없어 .. 2021. 8. 16.
JS] 피보나치 퀴즈 퀴즈 Fibonacci was an Italian mathematician who came up with the Fibonacci sequence: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144.... Where every number is the sum of the two previous ones. e.g. 0, 1, 1, 2, 3, 5 comes from 0 + 1 = 1 1 + 1 = 2 1 + 2 = 3 2 + 3 = 5 etc. Create a function where you can call it by writing the code: fibonacciGenerator(n) Where n is the number of items in the sequence. S.. 2021. 8. 16.
JS] 99 bottles of beer 퀴즈 99 Bottles of Beer 아래와 같은 노래 가사 만들기 99 bottles of beer on the wall, 99 bottles of beer. Take one down and pass it around, 98 bottles of beer on the wall. 98 bottles of beer on the wall, 98 bottles of beer. Take one down and pass it around, 97 bottles of beer on the wall. : : 1 bottle of beer on the wall, 1 bottle of beer. Take one down and pass it around, no more bottles of beer on the wall. No .. 2021. 8. 15.
JS] While Loops, For Loops While Loops vs For Loops 둘 다 반복인데 while은 state, 어떤게 true인 상태 일 때 반복 for는 iterate, 시작과 끝 입력하고 반복 While Loops true이면 계속 반복한다 더 이상 true가 아니면 다음 코드로 넘어간다. 기본형 사용 FizzBuzz 퀴즈 1~100까지 하나씩 계산해볼때 https://kingkongcoding.tistory.com/109 For Loops 기본 문법 for (i=0; i for 변환 while loop일 때 var i = 1; while(i for loop일 때 for (var i = 1; i 2021. 8. 15.
JS] 누가 점심낼까? 퀴즈 You are going to write a function which will select a random name from a list of names. The person selected will have to pay for everybody's food bill. important: The output should a returned from the function and you do not need alert, prompt or console.log. The output should match the example output exactly, including capitalisation and punctuation. 이름이 몇 개 입력될 지 모른다. Example Input: ["Angela",.. 2021. 8. 15.
JS] FizzBuzz 퀴즈 Fizzbuzz 퀴즈 Write a program that prints the numbers from 1 to 100. But for multiples of three print "Fizz" instead of the number and for the multiples of five print "Buzz". For numbers which are multiples of both three and five print "FizzBuzz". 1) array에 숫자 자동으로 증가시켜서 담기 일일이 입력하지 말고 자동으로 숫자 커지게 해서 담아보자. 함수를 만든다 ( 이상하게 fizzbuzz(); 함수 호출을 창안에서 하면 숫자 추가가 안된다. 아직 이유는 아직 모르겠다.. ) 또 이상하게 콘솔 창에서 함수 호출.. 2021. 8. 14.
JS] Arrays / 명단에 이름확인 퀴즈 사용자에게 이름 물어보고 guestList에 이름 있는지 확인후 이름 있으면 "welcome, name" 이름 없으면 "Sorry, you're not on the list." 내용 띄우기 var guestList = ["Jane", "Adam", "John", "Jack", "Jean"]; var guestName = prompt("what's your name?"); if (guestList.includes(guestName)) { alert("welcome "+ guestName); } else { alert("Sorry "+ guestName +", You're not on the list."); } 2021. 8. 14.
JS] 자바스크립트 Arrays array 언제 쓰나? variables는 데이터를 담는 통이라고 했다. var a = "Jane"; var b = 25; 그런데 이렇게 한 통에 하나의 데이터 밖에 담을 수 밖에 없는 것일까? 한 통에 여러 개의 데이터를 담을 수는 없을까? 당연히 가능하다 이 때 필요한 것이 array 이다. array syntax syntax는 다음과 같다 하나만 담을 땐 괄호가 없었지만 array로 담을 땐 [ ] (스퀘어 브레켓) 모양의 괄호 속에 데이터들을 입력한다. retrieve array 안에서 원하는 데이터 뽑아오는 법 var mycar = cars[1]; 원하는 번호 적어준다. 두 번째에 위치한 🚕가 mycar에 저장된다. .length; array 안에 데이터가 몇 개있는지 알려준다. cars.len.. 2021. 8. 11.
JS] 윤년 확인하기 leap year 윤년이란? 태양년과의 편차를 줄이기 위해 도입된 달력 시스템 예전에 쓰던 율리우스력은 4년에 한 번씩 하루를 늘려 366일이 되도록 하였다. 하지만 4년에 한 번씩 하루를 늘리면 약간 오차 발생 이를 보안한 그레고리력은 4년에 한 번씩 366일하는 거 그래로 하고, 400년 주기로 그 안에서 3일을 빼기로 했다. 그래서 100년에 한 번씩 윤년 안하는 걸로 하였다. 100년, 200년, 300년 단위는 윤년에서 빼면 3일이 빠지게 된다. 400년 배수 단위가 오면 윤년이 된다. https://www.timeanddate.com/date/leapyear.html 현대 대부분의 나라에서 그레고리력을 사용한다. 1896(윤년), 1900년(윤년아님)-4배수지만 100의 배수라 빠짐, 400배수는 아님 1904.. 2021. 8. 11.
JS] Comparators and Equality Comparators and Equality Combining Comparators ! not / opposite === (3개) 와 == (2개) 차이 a 에 숫자 1 , b 에 string 1을 넣었을 때 일단 각 타입을 보면 a 는 숫자 b 는 스트링으로 나온다 여기서 a와 b가 같은지 a==b로 물어보면 둘이 같다고 나온다 a === b로 물어보면 둘이 다르다고 나온다 === 은 모양이 아니라 타입까지 같아야 한다. 2021. 8. 10.
JS] If-Else Conditionals & Logic / advanced BMI (미해결) conditionals 조건문 statement를 평가한 후(evaluate) if에 맞는 true이면 거기에 맞는 시퀀스를 수행한다. if에 맞지 않고 false이면 else로 가서 거기에 있는 시퀀스를 수행한다. 1. 이 전에 만든 love calculator 기본 문형 이름 나오고 스코어 알려주기 2. 여기에서 만약 스코어가 100%가 나온다면 천생연분이라는 메세지 추가하기 아니면 그냥 기본 문구만 나오게 하기 조건문 만들고 거기에 === 넣기 3. 100%는 안나오니 50%만 넘어도 천생연분이라는 메세지 띄우기 조건문에 > 넣기 4. 더 세부적으로 나누기 70보다 큰 경우 30< loveScore 2021. 8. 9.
JS] 랜덤 숫자/love calculator/ dice game Math.random(); Random number generation 16 Decimal Place. 소수점 16자리까지 나옴 0~0.9999999999999999 사이에서 랜덤 숫자 나옴 ex) 0.3647382678956781 var n = Math.random( ); //0.3647382678956781 n = n * 6; //2.188429607374069 n = Math.floor(n); //2 주사위 던지기 만들기 var n = Math.random(); n = n*6; n = Math.floor(n)+1; // 0~5까지만 나와서 1 더해줌 console.log(n); pseudo random number 컴퓨터가 완전 random number는 아니고 pseudo random number.. 2021. 8. 9.
유데미로 웹개발 풀스택 강의 듣는 하루 유데미에서 Angela Yu 님의 Web Development Bootscamp강의를 듣고 있다. 6월부터 듣기 시작해서 html-css-bootstrap을 거쳐 지금은 java script를 듣고 있다. 2021년 8월 8일 토요일 토요일은 도서관이 12시부터 4시까지 열린다. 그 때 도서관에 가서 코딩 공부를 하기로 했다 점심이 늦어져서 12시 반 정도에 도착했다. 3시부터 방송으로 곧 컴퓨터 자리 끝낸다 3시 반되니 도서관 문 닫는다 는 방송이 나와 압박감에 3시 40분 정도에 도서관에서 나왔다. 오늘은 함수에 대해 공부했다. 강의는 짧았지만 정리하고 연습해보는데 3시간을 넘게 썼다. 파이썬 공부할 때 본 용어인 parameter며 return이며 볼 때는 '아' 했었으나 막상 어떻게 쓰는지 몰랐다.. 2021. 8. 9.
JS] 함수연습 / BMI 계산 weight, height 값 입력 받아 BMI 값 구하기 BMI = weight / height * height 숫자 지수(power): height*height 두 번 곱해도 되고, Math.pow(밑숫자 base, 지수 exponent)로 써도 된다. 반올림(round): Math.round() 를 쓴다. 2021. 8. 8.

티스토리툴바