본문 바로가기

분류 전체보기76

[python/nodejs] 10039번 평균점수 1. python sum = 0 for i in range(5): score = int(input()) if score < 40: score = 40 sum += score print(int(sum/5)) 2. nodejs let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().split('\n'); let sum = 0; for (let i = 0; i < 5; i++) { if (input[i] < 40) { input[i] = 40; } sum += Number(input[i]); } let result = Math.floor(sum / 5); console.log(result); 배운 점 : javascript에서는.. 2020. 4. 25.
[프론트앤드 개발자 면접질문 모음] 01. window 객체란 무엇일까? 안녕하세요. 제가 블로그 포스팅을 하는 것 중에 프론트앤드 개발자 면접질문 모음이라는 포스팅이 언제나 가장 많은 조회수를 차지하고 있더라고요. 🤔그런데 그 포스팅이 진짜 면접 때 빠르게 훑어보고 외우기 위해 정리한 것이다 보니 막상 이 포스팅을 보고 면접 전에 빡세게 준비하려는 분들께는 큰 도움이 되지 않을지도 모르겠다는 불안감이 문득 들어 개인적인 회고 겸 해당 포스트에서 작성한 대답들을 최대한 자세히! 공부하는 심정으로! 정리해 보려고 합니다. 만약 다른 질문들을 구글에서 본다면 그 질문에 대해 추가할 예정입니다. 먼제 가장 먼저 window 객체가 무엇일까요?에 대해 알아보도록 하겠습니다. window 객체를 한 마디로 표현하면, 브라우저 객체 모델(BOM)의 핵심이자 브라우저의 인스턴스입니다. 앗.. 2020. 4. 24.
[python/nodejs] 백준 알고리즘 14681번 1. python a = int(input()) b = int(input()) if(a > 0): if(b > 0): print(1) else: print(4) else: if(b > 0): print(2) else: print(3) 인터넷 돌아다니다가 이 해법을 봤는데 진심 천재;;; 왜 이러시는진 모르겠지만 대단하네요... print("3421"[(int(input())>0)+(int(input())>0)*2]) 2. nodejs 여러줄 입력할 때랑 한 줄 입력할 때랑 입력 세팅이 다름... ㅋ... const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.. 2020. 4. 24.
[python/nodejs]백준 알고리즘 1330번 코로나로 게을러진 심신을 다잡고자 파이썬, 자바스크립트 재활 겸 매일 개발 공부와 알고리즘 공부를 조금씩이나마 다시 하기로 했다. 재활이니만큼 단계별 문제를 차근차근 풀어 블로그에 업로드할 예정이다. python으로 한 번, nodejs로 한 번 풀기로 했는데 nodejs로 입력받는 법은 다음 포스트를 참고했다. https://velog.io/@exploit017/백준Node.js-Node.js-입력-받기 [백준/Node.js] Node.js 입력 받기 일반적으로 JS에서는 prompt로 입력을 받았으나, 백준에서는 런타임 오류가 발생한다.검색해보니 Node.js의 realine 모듈을 import해서 사용해야했다.소스 코드는 다음과 같다.console.log(answer);에 의해 입력 받은 값이 출력.. 2020. 4. 24.
[css] 반응형 레이아웃을 위한 flexbox 알아보기 (브라우저별 flexbox 사용하기) display:flex 는 기존 방식에서는 구현하기 어려운 레이아웃을 쉽게 구현할 수 있게 해주는 css 요소이다. 특히 반응형 레이아웃을 만들 때 효과적인데 단점이라면 최근에 나온 요소이기 때문에 과거 버전의 브라우저에서는 동작을 하지 않을 수도 있다. 특히 IE11에서는 부분적으로 지원하기 때문에 display:-ms-flex 라고 추가적으로 명시해 주어야 한다. display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; 만약 다음과 같은 화면이 있다고 생각해 보자. 1 2 3 4 여기에서 부모 요소(parent)에 display:flex를 주면 바로 아래의 자식 요소를 flex context로 만들 수 있다. .parent{.. 2020. 4. 23.
[javascript] 자바스크립트의 sort( )는 문자정렬이구나... (문자, 숫자 ,Object 정렬법) sort() 함수가 있다. 보통 문자에다 이 함수를 쓰면 알파벳 순으로 정렬을 해 줄 것이고, 숫자에다 쓰면 123의 순서대로 정렬을 해 줄 것이다. (적어도 첫 언어를 python으로 시작한 나한테는 그렇다.) 그런데 자바스크립트에서 sort는 문자정렬이다. 기본기가 부족하다는 건 예전부터 알고 있었는데 이런 것도 모르고 개발을 했다니 충격이긴 하다. 이게 반드시 문자정렬인 자바스크립트한테도 충격이고. 혹시나했는데 역시나구나. 문자 정렬을 했을 때의 모습이다. 당연하게 첫머리 글자 순서대로 정렬해준다. 만약 숫자를 정렬하려고 한다면? 문자처럼 정렬이 된다. 만약 내가 숫자를 숫자답게 정렬하고 싶다면 어떻게 해야할까? 바로 함수를 사용해야 한다! 바로 요렇게!!!! 만약 reverse()를 사용하고 싶다.. 2020. 4. 21.
[CSS/JS] 테이블 행열(가로세로) 위치 바꾸기 API에서 데이터를 어떻게 주느냐에 따라 테이블 요소의 행과 열을 바꿔야 할 순간이 올지도 모른다. 테이블 행/열을 바꾸는 방법은 다음과 같다. col col col col row Dolor Dolor Dolor row Dolor Dolor Dolor row Dolor Dolor Dolor table{ display:flex; display: -webkit-box; display: -ms-flexbox; overflow-x: auto; overflow-y: hidden; } tbody {display:flex} th,td{display:block} thead와 tbody를 포기한다면 css를 요렇게만 사용하면 된다. col col col col row Dolor Dolor Dolor row Dolor D.. 2020. 4. 19.
[IE8 대응] opacity 대응방법 / border-radius 대응방법 IE8까지 지원해야 하는 경우 기존에 아무생각없이 되리라 생각하고 사용하던 CSS를 사용할 수 없는 경우가 발생한다. opacity 같은 경우가 그렇다. IE8에서는 opacity를 사용할 수 없다. 이게 뭔 소리냐... 혹시 내가 사용하는 CSS 클래스가 해당 브라우저에서 사용이 가능한지 알고 싶다면 다음 사이트에서 확인할 수 있다. Can I use... Support tables for HTML5, CSS3, etc Can I use... Support tables for HTML5, CSS3, etc About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on deskt.. 2020. 4. 3.
[css] 사이즈 단위 px, rem, em, vh, vw 차이 (반응형 화면 제작에 유용) CSS를 공부하다 보면 사이즈가 하나가 아니라는 것을 알게 됩니다. 포토샵 좀 써보신 분이라면 가장 기본이 되는 px 단위에 대해서는 대충 알고 계시겠지만, 오늘은 이 CSS의 자주 쓰이는 단위에 대해 제대로 정리해 보고자 합니다. PX 가장 기본적으로 사용되는 단위입니다. 이것은 픽셀단위라는 고정값에 따라 정해지기 때문에 화면의 크기나 확대와 같이 사용자가 임의로 정의할 수 없는 고정된 값을 말합니다. 이 단위는 가장 기본이 되는 단위이기 때문에 앞으로 설명할 다른 단위들의 기준이 됩니다. em em은 부모 요소를 기준으로 자식 요소의 크기를 정하는 것을 말합니다. .parent{ font-size:12px } .child{ font-size:1.2em } 다음과 같이 부모 요소를 12px로 정의했을 .. 2020. 3. 20.

티스토리툴바