본문 바로가기

분류 전체보기82

[JavaScript] Truthy and Falsy 사용법 및 예제 Truthy 참 같은 값(Truthy)인 값이란 Boolean 문맥에서 true로 평가되는 값 따로 false 값으로 정의된 값이 아니면 모두 truthy 값으로 평가함 예시 '0' (0을 포함하는 문자열) 'false' (false를 포함하는 문자열) [] (빈 배열) {} (빈 객체) function () {} (빈 함수) Falsy 거짓 같은 값(Falsy)인 값이란 Boolean 문맥에서 false로 평가되는 값 예시 undefined null 0 -0 NaN false '' "" 위에 명시된 값들을 제외한 모든 값들은 true입니다. 2022. 6. 28.
[React] 리액트 새 프로젝트 생성하기 오늘은 새로운 리액트 프로젝트를 만들어 보겠습니다. 저는 맥 OS에서 설치하였습니다. 터미널을 오픈한 후에 다음 명령어를 실행해 보세요 저는 Users/j~~/react-tutorial 폴더에 리액트 프로젝트를 설치하기 위해 react-tutorial 폴더를 만들고 해당 경로에 다음과 같이 리액트 프로젝트를 설치하였습니다 $ npx create-reate-app begin-react VSCode에서 react-tutorial 폴더 열기를 해보면 쉽게 리액트 프로젝트가 설치된 것을 확인할 수 있습니다. 리액트 프로젝트를 실행해 보겠습니다. begin-react 경로에서 yarn start를 이용하여 리액트 프로젝트를 실행해 주세요. 저는 yarn을 설치해서 yarn start를 하지만 npm을 설치하신 분.. 2022. 6. 26.
[알고리즘 / JAVA] 프로그래머스 - 2016년 문제 설명 2016년 1월 1일은 금요일입니다. 2016년 a월 b일은 무슨 요일일까요? 두 수 a ,b를 입력받아 2016년 a월 b일이 무슨 요일인지 리턴하는 함수, solution을 완성하세요. 요일의 이름은 일요일부터 토요일까지 각각 SUN,MON,TUE,WED,THU,FRI,SAT 입니다. 예를 들어 a=5, b=24라면 5월 24일은 화요일이므로 문자열 "TUE"를 반환하세요. 제한 조건 2016년은 윤년입니다. 2016년 a월 b일은 실제로 있는 날입니다. (13월 26일이나 2월 45일같은 날짜는 주어지지 않습니다) 입출력 예 a b result 5 24 "TUE" 내 풀이 방법 아래는 저의 풀이 방법입니다. Calendar 클래스를 이용해서 쉽게 구할 수 있었습니다. 여기서 참고해야 될 .. 2022. 4. 5.
[면접] 프론트엔드 개발자 기술 면접 문제 정리2 HTML5HTML (HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 조금 더 자세히 말하면 웹페이지의 내용(content)과 구조(structure)을 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다.시맨틱 태그시맨틱(Semantic) 태그는 의미가 있는 태그란 뜻입니다. HTML 태그를 통해 웹 문서를 작성할 때 좀 더 의미 있는 태그를 사용함으로써 정확하게 정보를 전달하고 웹 문서의 구조를 쉽게 파악할 수 있도록 합니다.CDN이란? html 파일에서 참조하는 css, javascript 파일이나 다른 리소스 파일을 웹사이트 서버가 아닌 다른 공유 공간에 두고 여러 웹사이트가 참조할 수 있게 하는 서비스를 의미한다. 웹사이트 구축 시, 별도 .. 2022. 1. 24.
[javaScript] Strict mode 엄격 모드란? ECMAScript 5에서 처음으로 소개된 strict 모드는 자바스크립트 코드에 더욱 엄격한 오류 검사를 적용해 주는 기능을 합니다. 엄격 모드를 가동하면, 기존에는 조용히 무시되던 에러들을 throwing 합니다. JavaScript 엔진의 최적화 작업을 어렵게 만드는 실수들을 바로잡습니다. 가끔씩 엄격 모드의 코드는 비-엄격 모드의 동일한 코드보다 더 빨리 작동하도록 만들어집니다. 엄격 모드는 ECMAScript의 차기 버전들에서 정의될 문법을 금지합니다. 엄격 모드 적용 방법 엄격 모드를 가동하려면 javascript 소스 맨 위에 "use strict"라는 코드를 작성하면 됩니다. 엄격 모드는 전체 스크립트 또는 부분 함수에 적용 가능합니다. 단, {} 괄호로 묶인 블록 문, 컨텍스트와 같은 곳.. 2021. 12. 2.
[면접] 프론트엔드 개발자 기술 면접 문제 정리1 호이스팅(hoisting)이란? 자바스크립트에서 선언된 변수, 함수들 모두 끌어올려 유효 범위 내의 최상단에 선언하는 것을 말함 함수 호이스팅이 발생하는 원인 : 자바스크립트 변수 생성과 초기화(선언과 할당)가 분리되어 진행되기 때문 클라이언트 사이드 렌더링과 서버 사이드 렌더링 서버 사이드 렌더링 : 서버에 HTML 파일을 저장해 두었다가, 요청이 발생할 때 모든 파일을 브라우저에 전달하는 방식 클라이언트 사이드 또는 유니버셜 앱 HTML을 서버를 통해 렌더링 클라이언트 사이드 렌더링 : 서버에서 HTML 파일을 처리하지 않고, 브라우저의 자바스크립트를 사용해 렌더링 하는 것을 의미 주로 DOM을 사용하여 브라우저에서 렌더링 JS를 body 맨 밑에 둬야 하는 이유는 무엇인가요? 자바스크립트 코드를 b.. 2021. 11. 30.
[JAVA] Map - putIfAbsent 이란? 사용방법 및 예제 putIfAbsent - Key 값이 존재하는 경우 Map의 Value의 값을 반환하고, Key값이 존재하지 않는 경우 Key와 Value를 Map에 저장하고 Null을 반환합니다. 사용방법 default V putIfAbsent(K key, V value) 매개변수 key - 지정된 값이 연관될 키 value - 지정된 키와 연결될 값 반환 값 key 값이 존재하는 경우 > Map의 value 값을 반환 key 값이 존재하지 않는 경우 > key와 value를 Map에 저장하고 null을 반환 기본 구현은 다음과 같습니다. V v = map.get(key); if (v == null) v = map.put(key, value); return v; 예제 package testProject; import .. 2021. 10. 29.
[DBeaver]CSV파일로 export시 한글 깨짐 현상 해결 방법 DBeaver를 이용하여 데이터를 CSV 파일로 추출 시 한글이 전부 깨지는 현상을 볼 수 있습니다. 오늘은 CSV 파일의 한글이 엑셀에서 깨지는 현상이 발생했을 때 해결하는 방법에 대해 알아보겠습니다. 우선 CSV를 모르시는 분을 위해 CSV에 대해 간략하게 정리하자면 CSV는 comma-separated values의 약자로 몇 가지 필드를 쉼표(,)로 구분한 텍스트 데이터 및 텍스트 파일로 확장자는. csv이며 MIME 형식은 text/csv입니다. 비슷한 포맷으로는 탭으로 구분하는 'tab-separated values'(TSV)나, 반각 스페이스로 구분하는 'space-separated values'(SSV) 등이 있으며, 이것들을 합쳐서 character-separated values (CSV.. 2021. 10. 21.
[ERP] 회계의 반제란 무엇인가? 정의 및 예제 오늘은 회계 처리 시 사용되는 용어인 반제의 정의와 회계처리 방법에 대해 알아보겠습니다. 반제(返濟)란? 줄 돈을 다 갚는 것 즉, 선수금으로 되어있는 임시 계정과목을 적정한 계정과목으로 대체하는 것을 반제 처리라고 하며, 선수금 대신 자산으로 계정과목을 바꾸면서 바꾸는 시점에 세금계산서나 계산서 등을 받고, 부가가치세 대급금이나 자산계정으로 바꾸는 것 까지 포함한 것을 의미합니다. 전표 처리 방법 자산 계정 과목 중 선급금(미리 준 돈), 부채 계정 과목 중 미지급금(아직 안 준 돈) 같은 경우, 추후 해당 계정과목을 반대쪽 변(선급금은 대변, 미지급금은 차변)으로 '떨어내는' 처리 방법을 '반제'라고 합니다. 자산 계정 회사에서 컴퓨터를 구매한 후 회계처리 시 다음과 같이 바로 처리할 수도 있겠으나 .. 2021. 10. 21.
[JAVA] String.valueOf 와 toString의 사용 방법 및 차이 총 정리 형 변환이란? 형 변환에 대해 간단히 알아보면 단어의 뜻 그 자체로 풀어보면 형태(Type)를 변환시킨다는 뜻입니다. 즉 특정 변수 또는 상수의 타입을 다른 타입으로 변형시키는 것이라고 말할 수 있습니다. 이렇게 형 변환을 하는 이유는 프로그램을 작성하면 연산 및 비교를 수행해야 합니다. 이 경우 각 대상의 타입을 서로 동등하게 맞춰야 정확한 연산 및 비교 수행이 가능합니다. 형 변환의 종류는 여러 가지가 존재하는데 오늘은 그중에서 문자열 형 변환 방법에 대해 정리해 보겠습니다. 문자열 형 변환의 종류로는 대표적으로 String.valueOf() 속성과 Object.toString() 두 가지 메서드가 존재합니다. 두 메서드 모두 객체를 String 문자열 참조 자료형으로 형 변환하는 역할을 하고 있습니.. 2021. 9. 15.