본문 바로가기
반응형

분류 전체보기

 (127)
JavaScript로 Excel export 구현하기! 현재 입력되어 있는 table 형태 나 같은 경우엔 ajax로 api를 받아와서 table이 추가 되게 설정해서 기본 table에는 내용이 별로 없다 그래도 excel로 변환하는데는 아무 지장 없으니 고고! 우선, excel 변환을 하기 위해서는 여러 방법이 있겠지만 이번엔 SheetJS를 통해서 해보도록 하자! cdn을 사용해도 되고 다운받아 사용해도 된다! npm install xlsx npm install file-saver --save 우선 세팅은 끝났고! 엑셀로 변환하는 전체 프로세스는 이렇게 된다 1. 엑셀 Workbook 생성 2. 데이터(배열/json/html table)를 가져와 sheet 생성 3. workbook에 만든 시트를 추가 4. 엑셀 파일 생성 5. 다운로드 받도록 처리 앞서..
git을 이용해서 bitbucket, jenkins까지! 우선, git clone url을 통해서 전체 저장소를 내려받고 터미널을 켠다! 해당 폴더로 위치한 후 최초라면 npm install 하기! 처음 시작한다면 branch가 master로 되어 있을건데 이 때, 내 branch를 생성해준다! git checkout -b 'feature/skh' 만약, 마스터로 바로 업로드를 하게 되면 오류가 발견 됐을 시에 누가 업로드를 했는지 모르기 때문! branch 생성 후엔 fetch를 통해 merge된 파일을 최신버전으로 새로고침 해야하는데 현재 최신이 master에 올려져 있으니 master를 fetch! git fetch master fetch 후 merge를 수행하면, pull 명령을 실행했을 때와 같은 문구들이 나오는데 사실 pull은 내부적으로 봤을 때 ..
알고리즘 문제 | 프로그래머스 - 소수 찾기 소수 찾기를 해보자.. 우선, 소수란 자신보다 작은 두 개의 자연수를 곱하여 만들 수 없는 1보다 큰 자연수! 예를 들어, 5는 1×5 또는 5×1로 수를 곱한 결과를 적는 유일한 방법이 그 수 자신을 포함하기 때문에 5는 소수이다. 그러나 6은 자신보다 작은 두 숫자(2×3)의 곱이므로 소수가 아님! 따라서 function solution(n) { let answer = 0; let count; for(let i=2; i
알고리즘 문제 | 프로그래머스 - 수박수박수박수박수박수? 바로 본론~ 보자보자~ 우선, 문제에서 n이 4이면 "수박수박"을 리턴하고 n이 3이면 "수박수"를 리턴이라.. 오케이~ 그럼 홀수 짝수로 하면 되니까 조건을 (n % 2 === 0) ? 로 하면 되겠고~ 짝수 일 때 "박", 홀수 일 때 "수"가 와야 하니까 (n % 2 === 0) ? answer = '박' : answer = '수'; 로 하면 ~ 끝! 이 아니지 이렇게 되면 한개씩만 출력되지! 그렇다면 반복문! function solution(n) { var answer = ''; for(var i=0; i
알고리즘 문제 | 프로그래머스 - 문자열을 정수로 바꾸기 알고리즘 코딩 테스트~ 하고 싶은 맘만 가득했는데 이제 진짜 해봐야겠다~~ 거두절미하고 바로 고고고고ㄱ~ 문자열을 정수로 바꾸는 문제! 아래 보이는 solution.js를 통해서 문제를 푸는 방식!! 우선 알고리즘이니 차근차근 풀어서 해석하자면! 문자열 s를 숫자로 변환해야 하니 function solution(s) { var answer = 0; answer = Number(s); return answer; } 인자를 Number를 통해 숫자로 변환!! 잉 끝인감?? 결과는?? 아싸바리요~~ 정답을 맞히고 나니 다른 사람의 풀이를 볼 수 있었다! 다 똑같겠지 했건만........................ 미쳤다 미쳤어.... 그저 str/1이라는 짧은 return을 통해서 숫자로 인식.... 진짜 ..
forEach() vs map() 언제 무엇을 써야할까? 우선 MDN을 보고 원리를 이해하면 베스트!! forEach() : developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach map() : developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map 시간 없어도 나중에 꼭 찾아보고!! 간단하게 보자면! forEach() 주어진 함수를 배열 요소 각각에 대해 실행! map() 주어진 함수를 배열 요소 각각에 대해 실행하고 그 결과를 모아 새로운 배열을 반환! 정의는 이래! 그럼 똑같이 배열 요소 전부를 실행하는건데 차이점이 뭘까?! 가장 큰 차이점은 새 배열을 리턴한다는거야! 그게 ..
for ...in for ...of 반복문 비교!!! + forEach문 추가! ES6부터 추가된 for ...in, for ...of 둘 다 반복문으로 사용 되는데!! 뭐가 다르길래 나눠놨을까? 하나는 객체를 탐색하고 또 다른 하나는 배열을 탐색한다!! 무엇이 객체를 탐색하냐 바로 for ...in ! const myObj = { a: 1, b: 2, c: 3 } for(const item in myObj) { console.log(item) // a, b, c } for ...in을 쓰면 myObj 객체의 프로퍼티가 나오는 것을 확인 할 수 있다!! 그렇다면 for ...of !! const myArray = [1, 2, 3]; for(const item of myArray) { console.log(item); // 1, 2, 3 } 배열 순환이 잘 되는구만! 궁금점!! 배열에..
JavaScript 객체 기본 중의 기본 중의 기본 중의 기본!! 객체를 이해한 줄 알았는데 다른 사람한테 설명하려고 하니까 막막... 그래서 다시 한번 정리 해보려고 글 씀ㅠㅠ 이번엔 확실히 잡고 가자ㅏㅏㅏㅏ 바로 본론으로 들어가서!! 객체란 무엇이냐? 관련된 데이터와 함수의 집합이야 (일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메소드라고 불러) 예제를 통해서 실제 객체가 뭔지 보자! var person = {}; 생성하고 콘솔에 person 입력 ㄱㄱ 결과는? 축하해~ 너는 지금 객체를 생성 했엌ㅋㅋㅋㅋㅋㅋㅋ 하지만 이건 텅 빈 객체여서 우리가 이걸로 뭘 할 수는 없어.. 수정해보자! var person = { name : ['Bob', 'Smith'], age: 32, gender: 'male', interests: ['m..
반응형

티스토리툴바