블로그 이사합니다.! 깃허브 블로그 만들어서 이사합니다. https://sozerodev.github.io Home Blog posted about ... sozerodev.github.io 차차 글을 쓸 예정..
전체 글
무슨 생각을 해.. 그냥 하는거지20201015 TIL // for..of 배열을 만들 때 주로 사용 const numbers = [10, 20, 30, 40, 50]; for (let number of numbers){ console.log(number); } for (let i = 0; i < numbers.length; i++){ console.log(numbers[i]); } const doggy = { name : '멍멍이', sound: '멍멍', age : 2 }; console.log(Object.keys(doggy)); console.log(Object.values(doggy)); // 객체의 value값들을 보여줌 console.log(Object.keys(doggy)); // 객체의 ke..
20201014 TIL 오늘은 리액트보다도 CSS를 더 많이 공부했다.. 특히 이 영상을 흥미롭게 봤는데 댓글에도 알차보이는 내용이 있어서 재밌게 봤다. 도움이 되었던 댓글 중에 script 태그를 head 에 넣지말라, body 하단으로 넣어주어라" 라고 조언해주시더라구요. 이 이유는 브라우저의 동작 방식 때문입니다. 태그를 읽고 해석하여 DOM 을 생성하는데, 중간에 script 태그를 만나면 HTML 태그 해석을 중단합니다. 결국에는 페이지 로딩 지연이 발생합니다. 그래서 끝에 script태그를 넣는 것이 좋다고 말씀하신 것입니다. 하지만, 개발자 중에서는 변수 선언을 최상단으로 몰아넣는 스타일을 원하시는 분들도 많이 있으실 겁니다. script 태그도 head 안에 넣고 싶은 분들이 해당되겠습니다..
title 태그 작성 시 권장 사항 태그를 쓸 때 페이지별로 같은 내용을 작성하는 경우가 많다. 하지만 SEO(Search Engine Optimizatio)를 위해서 각 페이지의 주제에 걸맞게 title을 조금씩 수정해나가야 한다. 타이틀은 문서의 대제목을 의미하기 때문. 페이지제목 | 용도 네이버만 하더라도 로그인페이지로 가면 네이버 로그인, 부동산 페이지로 가면 네이버 부동산, 영화 페이지로 가면 네이버 영화 라 나오는 것을 확인할 수 있다. 참고 https://www.youtube.com/watch?v=ATVDtfUe8pY
20201013 TIL HTTP (HyperText Transfer Protocol) 웹을 이루는 네 가지 요소 HTML : 웹페이지를 만드는 컴퓨터 언어 URL : 원하는 웹페이지에 방문할 수 있도록 도와주는 주소 체계 HTTP : 웹페이지를 주고받는 소프트웨어인 웹브라우저, 웹서버 그리고 웹브라우저와 웹서버가 통신할 때 사용하는 통신규칙 처음 나올때 아주 단순한 통신규칙이었으나 웹이 폭발적으로 성장하며 단순한 HTTP의 기능만으로는 성능, 보안, 안전성 확보가 점차 어려워짐. 이를 해결하기 위해 HTTP는 보다 풍부한 기능을 가진 프로토콜로 발전하기 시작. 오늘날에는 단지 html같은 텍스트파일뿐 아니라 이미지, 동영상같은 다양한 멀티미디어 파일을 전송하는 중요한 프로토콜로 군림하고 있다. HTTP란..
20201012 TIL HTML Semantic 태그 기능이 있는 것은 아니나 페이지의 특정 부분이 어떤 정보를 내포하는지에 대한 의미를 가진다. header, nav, section, article, footer Viewport { return a + b } 이때 화살표 함수의 경우 함수 내부에서 바로 원하는 값을 return 할 수 있다. const add = (a, b) => a + b 같은 함수지만 코드 길이에 차이가 생긴다. 배열의 내장함수, forEach const array = [1, 2, 3, 4, 5]; 다음과 같은 배열이 있다 가정해보자. for (let i = 0; i < array.length; i++){ console.log(array[i]); // 결과 : 1 2 3 4 5 } ..
나의 10월을 다잡아보자 학원을 수료하고 취준하면서 취업한지 일주일 지난 지금 내 모습.. 너무나 게으르고 안타까워 일단 무작정 컴퓨터에 앞에 앉아서 블로그 글을 써본다! 학원에 다닐땐 매번 배워야 할 목표가 뚜렷하게 있었다보니 비교적 부지런하게 지낼 수 있었던 것 같지만 사람의 습관이 참 무섭다고 수료한지 일주일만에 나태 of 나태가 되어버릴 줄은 몰랐다..ㅠ 다행히 취업한 지금 해야할 일이 뚜렷하게 있으니 다시 열심히 해보자. 나의 게으름의 원인 일단 유튜브가 가장 큰 원흉이다. 뭔가를 하기 전에 유튜브 한편만 더 보고 시작해볼까..? 하다가 하루가 지나가버린다. ㅜ 이사와 층간소음. 일단 이사를 앞두고 있다. 이삿짐을 다 싸놓은 상태고 지금 내 방은 누가봐도 이사를 앞둔 사람의 방이라.. 뭔가 방 ..
객체 비구조화 할당 (객체 구조 분해) 객체에서 특정 값을 추출해내는 것을 의미함. const ironMan = { name : '토니 스타크', actor : '로버트 다우니 주니어', alias : '아이언맨' }; 먼저 위와 같은 객체를 선언한다. function print(hero){ const text = `${hero.alias}(${hero.name}) 역할을 맡은 배우는 ${hero.actor}입니다.`; console.log(text); } console.log(print(ironMan)); // 아이언맨(토니 스타크) 역할을 맡은 배우는 로버트 다우니 주니어입니다. 하지만 이렇게 매번 객체.key값을 써주는 것이 번거로울 수 있다. 그래서 비구조화 할당을 사용한다. // 비구조화 할당 ..
자바스크립트 사용 시 주의해야 할 정말 매우 몹시 기본적인 문법 변수 선언할 때 자바스크립트의 변수 선언에는 var, let, const가 있다. 그냥 var는 쓰지 않는다고 생각하는 것이 좋다. var a = 1 var a = 3 var를 쓰면 이래도 문제가 없어진다. 반면 let a = 1 let a = 3 이 경우에는 error가 발생한다. 즉, let을 사용하면 같은 이름의 변수를 중복해서 사용하면 에러 표시가 뜨기 때문에 내가 원하는 변수의 값이 중간에 의도하지 않게 바뀔 우려가 없어진다. 결론적으로 그냥 var가 아닌 let을 사용하자 그럼 const와 let의 차이는 뭘까? const의 경우 let과 달리 immutable하다. 비교 연산자 사용할 때 비교 연산자 보통의 다른 언어들(java..
2019 카카오 개발자 겨울 인턴십 크레인 인형뽑기 게임 문제 : https://programmers.co.kr/learn/courses/30/lessons/64061 생각 단순하게 리스트를 잘 활용하면 되는 문제다. 헷갈린다면 그림을 그려보자. def solution(board, moves): resultList = [] # 인형이 넣어지는 상자 리스트 answer = 0 for choiceNum in moves: for rows in board: if rows[choiceNum-1] != 0: resultList.append(rows[choiceNum-1]) # print("resultList에 뭐가 추가됨 : ", resultList) rows[choiceNum-1] = 0 if len(result..
2018 KAKAO BLIND RECRUITMENT 비밀지도 문제 문제 : https://programmers.co.kr/learn/courses/30/lessons/17681 생각 지도 두개를 통해 하나의 결과를 도출해야 한다. 각 행이 이진수를 나타내면서 지도의 길이에 따라 각 행을 이루는 요소의 개수가 정해진다. arr1, arr2가 두 개의 지도를 의미할 때, 각 배열의 요소들이 각 지도의 한 행을 의미한다. 따라서 십진수를 이진수로 바꿔주는 함수가 필요하다. # 2진수 구하는 함수 구하기 def trans(N, num): result = "" number = num while number > 0: result = str(number % 2) + result number //= 2 if len(r..
문제 1. 피보나치 수열에서 4백만 이하이면서 짝수인 항의 합 출처 : https://euler.synap.co.kr/problem=2 피보나치(Fibonacci) 수열의 각 항은 바로 앞의 항 두 개를 더한 것이다. 1과 2로 시작하는 경우 이 수열은 아래와 같다. 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, ... 4백만 이하의 짝수 값을 갖는 모든 피보나치 항을 더하면 얼마가 될까? 문제 풀이 fiboSum = 2 fibo_1 = 1 fibo_2 = 2 fibo_3 = 0 while(True): if(fibo_3 > 4000000): break fibo_3 = fibo_1 + fibo_2 print("fibo_3", fibo_3) if(fibo_3 % 2 == 0): fiboSum..