전체 글 261

[JavaScript]스케줄링 함수 setTimeout() 과 setInterval()

둘의 차이를 간단히 말하자면 setTimeout() : 지정한 시간 후에 실행 setInterval() : 지정한 시간 간격으로 반복 그럼 setTimeout() 먼저 알아보겠습니다.. setTimeout() 기본형태 setTimeout(functionRef, delay); 설명해보면 이렇습니다. setTimeout(실행할 함수, 시간); 스케줄링 함수를 사용할 땐 화살표 함수로 작성하면 특히 더 간단히 적을 수 있습니다. setTimeout(() => {console.log("1")}, 1000); setTimeout(() => {console.log("3")}, 3000); setInterval() setInterval()은 꼭 변수에 담아서 실행해야 합니다. 그렇지 않으면 반복되는 함수이기때문에 무..

[JavaScript]변수 선언 var, let, const

let과 const를 사용되길 권고되고 있지만 아직은 var를 사용하시는 분들이 압도적으로 많습니다. 하지만 JS코드가 길수록, var는 너무나 자유로운 변수타입이기에 코드를 통제하기 쉽지 않습니다. 그럼 왜 그런지 세가지 변수타입의 차이를 알아보겠습니다. 아 그 전에 선언과 초기화의 차이는 var declare; 변수명; 하는 것을 선언이라 합니다. declare = "초기화"; 변수 선언시 값을 대입하는 것을 초기화라고 합니다. var declare = "선언과 초기화를 동시에"; 보통 이렇게 선언과 초기화를 동시에 해줍니다. 이유는 초기화 되지 않은 변수는 사용시 오류가 나기 때문입니다 그럼 변수 선언방식인 var, let, const의 차이를 알아보겠습니다. var const 스크립트를 길게 짤 ..

[JavaScript]초기화한 값에 따라 변수 타입이 정해집니다

Java와 달리 변수 타입을 지정하지 않습니다. 처음에 타입을 지정하면 그게 변수의 타입이 됩니다. var는 가장 많이 사용되는 변수 선언명입니다. JS에서는 var를 붙이면 변수가 됩니다. 타입을 변환하고 싶다면 number 타입에 ""를 붙여주거나 string타입을 Number() 로 감싸는 식으로 변환할 수 있습니다.

JavaScript와 Java는 다른 언어입니다

처음 개발을 배우며 저를 포함한 모두가 혼란스러워한 부분이어서 적어봅니다. 저를 가르친 강사님께서 그냥 인기있는 언어인 Java를 이름에 가져온 거라고 하셨었습니다. 자세한 내용은 https://ko.wikipedia.org/wiki/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8#cite_note-10 자바스크립트 - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 자바스크립트JavaScript패러다임프로그래밍 패러다임: 스크립트 언어, 객체 지향 프로그래밍 (프로토타입 기반 프로그래밍), 명령형 프로그래밍, 함수형 프로그 ko.wikipedia.org 위키백과를 보면 두 언어 모두 C언어에 기반을 두기에 구문이 비슷해서 JavaScr..

🟨 JavaScript 2023.06.06

노션 Notion

블로그와 메모장의 중간 정도의 툴입니다. 간단하게 어떤 식으로 사용하는 지 보여드리면 저장을 누르지 않아도 저장이 되고, 간편하고 디자인도 심플합니다. 제가 생각하는 최고의 장점은 컴퓨터, 핸드폰, 태블릿에 어플만 깔면 바로바로 볼 수 있다는 점. 물론 핸드폰으로도 가능합니다. 게시글을 찾는 것도 조회도 쉽고 직관적입니다. 페이지를 공유해서 편집할 수도 있어 스터디용으로도 많이 사용됩니다. 다양한 방식으로 홈페이지 처럼 꾸밀 수도 있습니다. 정말 완벽한 툴처럼 보이지만 딱 하나 단점이 있으니.. 특정 기능이 유료라는 겁니다.. 요금제를 안 쓰면 검색 엔진에 노출되지 않아요.. 이렇듯 장단점이 뚜렷한 노션 하지만 분명 쓸만한 어플임에는 확실합니다. 사람들이 원하는 에디터 포인트를 정확히 구현했다고 생각합니..

기업후기 꼭 확인합시다

개발분야를 떠나서 모두 아는 얘기겠지만 필수이니 적어보겠습니다. 잡플래닛 1점대 회사는 가지마세요 2점대부터는 부르면 면접보고 오세요. 면접 보는 거 시간 들고 돈 드는 거 맞아요. 하지만 남는 게 있습니다. 이런 질문은 보통 많이 하는 구나 싶은 게 있고, 앞으로 이런 회사는 걸러야겠다 하는 회사도 있습니다. 내가 모르는 게 많아 잘 대답하지 못해 속상한 일도 더러 있었습니다. 그러면서 맘에 드는 회사에 가고싶어져 더 열심히 하게되더군요. 뭐든 깨지면서 배우는 것 아니겠습니까? 잡플래닛에 기업후기가 안 나온다? 크래딧잡에서 검색해보세요. 리뷰의 질은 떨어지나 날것의 다양한 후기를 볼 수 있습니다. 연봉은 크래딧잡이 더 잘맞는다는 말이 있습니다. 개인적으로는 어디든 연봉은 별로 안 맞는 것 같습니다. 회..

구직사이트는 사람인 말고 원티드도 같이 보세요

한국에서 구직할 때 사람인과 잡코리아는 기본이죠. 물론 두 사이트는 기본으로 봐야하구요. IT회사들 중에는 원티드, 로켓펀치, 링크드인에만 공고를 올리는 곳들이 많습니다. 에이, 그래도 큰 기업은 사람인이나 잡코리아에도 올리겠지~ 아닙니다. 저도 한 때는 그럴 거라 생각했는데 서울 중심에 유명한 회사가 원티드에만 공고를 올려 면접을 간 적이 있습니다. 심지어 중소기업과는 아예 다르게 제 포트폴리오를 발표하며 친절하게 지적을 해주셔서 좋은 기억으로 남았습니다. 로켓펀치, 링크드인, 프로그래머스의 공고 등 다양한 걸 보다가 원티드에 기본적으로 IT회사들이 많이 올린다는 것을 알았습니다. 그래서 원티드를 추천합니다.

기능구현 후 input & output 데이터가 정확한 지 로그를 확인합시다

개발도중에는 이클립스에 console 창에 뜨는 로그를 확인하면서 진행해야 합니다. 예를 들면 console에 이런 식으로 파라미터가 들어왔는 지 내가 구현한 SQL문이 실행된 게 맞는 지 봐야 합니다. 문제 없이 실행되길래 다음 기능 구현으로 넘어갔는데 알고보니 빈값을 넘겨주고 있을 수도 있습니다. 아찔한 실수죠.. 나중에 어느 정도 완성이 됐을 때와 마무리는 mobaXterm 같은 프로그램으로 개발서버의 로그를 확인해야 합니다. 그래야 반영이 제대로 된 걸 고객과 테스터가 알 수 있습니다. 테스터에게 넘기기 전에 보통 상사가 테스트를 진행하기 때문에 개발하며 로그를 잘 확인하는 버릇을 들이는 게 좋습니다.

commit하기에 오류가 없는 지 확인합시다

앞으로 이 카테고리에 들은 것들은 사수님에게 차근히 배운 것들입니다. 기본적인 거인데 모르는 분들이 생각보다 많습니다... commit하기 전에 localhost 서버를 켜보고 문제 없이 작동하는 지 확인해야 합니다. 심지어는 오류를 내놓고 퇴근을 하면... 야근 하는 사람들은 오류를 찾아 수정 후 작업해야 하는 일이 생깁니다. 빌드가 정상적으로 되더라도 젠킨스에 정상적으로 빌드가 되지 않으면 개발서버에는 빌드가 되지 않습니다. 이러면 개발서버에서는 커밋된 게 반영되지 않아, 결함으로 들어온 걸 수정해도 완료처리를 할 수 없습니다. 오류 낸 본인의 코드는 본인이 수정해야 하는 것이라고들 합니다. 커밋하기 전 서버가 정상적으로 켜지는 지 확인하고, 젠킨스를 사용하는 프로젝트라면 커밋 후에 정상 빌드되었는 ..

[JavaScript]array.find() 와 .filter()

some()과 every()는 조건이 맞으면 true, 틀리면 false 입니다. 참고: https://yeun-devlog.tistory.com/entry/Arraysort-reverse Array.sort() .reverse() JS 의 베열 array 정렬을 위한 기본함수 . sort() 함수 안에 함수를 만들어 파라미터로 값을 받아 console.log()를 찍어보면 sort()가 배열을 for문을 돌린 것과 같이 배열의 값을 훑는 것을 확인할 수 있습 yeun-devlog.tistory.com 이와 다르게 find()와 filter()는 조건에 맞는 값을 가져옵니다. find() 와 filter()의 차이는 단건(첫번째 값)을 가져오느냐 다건을 가져오느냐 먼저 find()를 보겠습니다. json..