[20211004]알고리즘 풀이
·
알고리즘 풀이
한 개의 문자열을 입력받아 해당 문자열에 알파벳 대문자가 몇 개 있는지 알아내는 프로그램 을 작성하세요. function solution(s){ let answer=0; for (let i of s) { const unitCode = i.charCodeAt(0) if (unitCode >= 60 && unitCode = 97 && i.charCodeAt()
[20210929]알고리즘 풀이
·
알고리즘 풀이
대문자와 소문자가 같이 존재하는 문자열을 입력받아 대문자로 모두 통일하여 문자열을 출력 하는 프로그램을 작성하세요. function solution(s){ let answer=0; for (let i of s) { const unitCode = i.charCodeAt(0) if (unitCode >= 60 && unitCode
[20210929]코딩테스트
·
알고리즘 풀이
왕비를 피해 일곱 난쟁이들과 함께 평화롭게 생활하고 있던 백설공주에게 위기가 찾아왔다. 일과를 마치고 돌아온 난쟁이가 일곱 명이 아닌 아홉 명이었던 것이다. 아홉 명의 난쟁이는 모두 자신이 "백설 공주와 일곱 난쟁이"의 주인공이라고 주장했다. 뛰어난 수학적 직관력을 가지고 있던 백설공주는, 다행스럽게도 일곱 난쟁이의 키의 합이 100이 됨을 기억해 냈다. 아홉 난쟁이의 키가 주어졌을 때, 백설공주를 도와 일곱 난쟁이를 찾는 프로그램을 작성하시오. function solution(arr){ let answer = arr const sum = answer.reduce((a, b)=> a + b) for (let i = 0; i < 8; i++) { for (let j = i + 1; j < 9; j++) {..
Vue
·
Vue
9개월째 회사에서 Vue을 사용하고 있다. 내가 Vue의 사상을 잘 따르고 있는지 Vue에서 지향하는 방식을 잘 따라가고 있는지 의문이 든다. 이 시점에 다시한번 Vue를 돌아보고 굳히기가 필요하다고 생각한다. vuejs.org를 잘근잘근 씹어먹어보자. 첫 페이지에 Vue를 프로그레시브(점진적인) 프레임워크라고 홍보를 하고 있다. Vue는 점진적으로 채택할 수 있도록 설계되어 다른 라이브러리나 기존 프로젝트와의 통합이 쉽다. 선언적 렌더링: 보간, 디렉티브
[20210925]알고리즘 풀이
·
알고리즘 풀이
1. 100이하의 자연수 A, B, C를 입력받아 세 수 중 가장 작은 값을 출력하는 프로그램을 작성하세요.(정렬을 사용하면 안됩니다) function solution(a, b, c){ let answer if (a c) answer = c return answer } console.log(solution(2, 5, 1)); 2. 길이가 서로 다른 A, B, C 세 개의 막대 길이가 주어지면 이 세 막대로 삼각형을 만들 수 있으면 "YES"를 출력하고, 만들 수 없으면 "NO"를 출력한다. function solution(a, b, c){ let answer="YES" let max if (a > b) max = a els..
Web Server - WAS
·
CS(Computer Science)
회사의 서비스 설명중 상사가 WAS와 war에 대해서 얘기했다. 원래는 정적 페이지와 동적 페이지를 분리하는 게 맞지만 우리 서비스는 현재 WAR에 한 번에 말려있다고 했다. 그리고 그 중간중간에 WAS에 대해서 말하기도 했는데 무슨 말인지 이해할 수가 없었다. WAS에 대해서 검색을 해보니 Web Server와 WAS가 계속 같이 나온다. Web Server와 WAS는 서로 공생하는 관계인가 보다. Web Server란 정적인 컨텐츠를 제공하고 동적인 콘텐츠의 제공을 위해 WAS에 전달을 하는 서버이다. 아파치, Nginx, IIS가 있다. WAS란 Web Application Server의 약자로 DB조회나 다양한 로직 처리를 요구하는 동적인 콘텐츠를 제공하기 위해 만들어진 Application Se..
[React]class에서 성능향상(shouldComponentUpdate, PureComponent)
·
React
const React = require('react'); class Test extends React.Component { state = { counter: 0 } onClick = () => { this.setState({}) } render() { return ( 클릭 ) } } module.exports = Test; 위의 코드를 실행한 결과이다. 버튼을 누를 때마다 불필요하게 렌더링이 되어버린다. 해결방법1. shouldComponentUpdate const React = require('react'); class Test extends React.Component { state = { counter: 0 } shouldComponentUpdate(nextProps, nextState, nextC..
React vs Vue
·
React
회사에서는 Vue로 개발을 하고 있다. 이번에 새로 들어가는 프로젝트는 새로운 기술에 도전 해 보고 싶어 React로 개발을 할 생각이다. 그래서 사수에게 왜 Vue가 아닌 React로 개발을 해야하는지 설득을 해야한다. 설득하기 위해 Vue와 React의 차이부터 찾아보겠다. React는 라이브러리이고 Vue는 프레임워크이다. 이러한 이유로 React는 자바스크립트 문법을 응용해 비교적 자유롭게 개발할 수 있지만, 뷰는 지정해 준 문법 방식으로만 개발을 할 수 있다. 그렇다. 생각해보면 Vue에서 반복문을 사용할 때는 v-for밖에 없지만 React에서는 map, for 뿐만 아니라 다양한 js메서드를 활용할 수 있다. https://joshua1988.github.io/web_dev/vue-or-re..