전체 글 (15) 썸네일형 리스트형 가격, 숫자 단위에서 comma 찍는법(Javascript) 개별적으로 react 작업을 하다가 변환 가격이나 숫자 단위의 comma를 찍는 방법에 대해 궁금했다. 1. 숫자를 문자로 변환 시키기 (string) 우선적으로, Javascript에서는 숫자를 다양한 방식으로 보여주기가 힘들다. 그렇기에 숫자를 문자로 변환 시키는 방법이 필요하다. var test = 12345; test = test.toString(); 예시) 변수로 숫자를 지정 시킨 후, 지정시킨 변수를 문자타입으로 변환 시킨다. 2. 규칙 지정하기 (replace) 변환시킨 문자열은 새로운 규칙을 지정 시켜줄 수 있다. .replace(패턴, ','); 3. 정규 표현식 만들기 replace의 () 안에서의 패턴은 정규 표현식으로 지정 할 수 있다. /\B(?=(\d{3})+(?!\d))/g 위.. Javascript 브라우저 렌더링 과정 용어 정리 - 파싱 (Parsing) : 구문 분석 - 렌더링 (Rendering) : HTML, CSS, JavaScript로 작성된 문서를 파싱하여 브라우저에 시각적으로 출력하는 것 - 페인팅 (Painting) : 브라우저 화면에 픽셀을 렌더링하는 작업 - HTTP : HyperText Transfer Protocol / 웹에서 브라우저와 서버가 통신하기 위한 프로토콜 - 토큰 : 문법적 의미를 갖는 코드의 최소 단위 - DOM : Document Object Model / HTML 문서를 파싱한 결과물 (바이트 -> 문자 -> 토큰 -> 노드 -> DOM) CSSOM : CSS object Model 리플로우 : 레이아웃 계산을 다시 하는것 리페인트 : 재결합된 렌더 트리를 기반으로 다시 페인트 .. [프로그래머스] day-5 정수 제곱근 판별 양의 정수 n이 어떤 양의 정수 x의 제곱인지 아닌지 판단 하는 문제 해당 내용 처럼 해당 숫자가 정수인지 알려면 Number.isInteger() 메소드를 사용해야 한다. 또한 Math.sqrt 는 n의 제곱근 값을 반환한다. [프로그래머스] day2 - 평균 구하기 평균 구하는 방법 reduce(함수, 초기값)는 배열에 있는 값을 차례로 누산할 때 쓰는 메서드 이다. forEach메서드 forEach()메서드는 배열에 활용이 가능한 메서드로, 파라미터로 주어진 함수를 배열 요소 각각에 대해 실행하는 메서드 이다. map() 메서드와 거의 비슷하지만 차이점은 따로 return 하는 값이 없다는 점이다. const myArr = [1, 2, 3, 4, 5]; const newMyArr = myArr.forEach((currentElement, index, array) => { console.log(`요소: ${currentElement}`); console.log(`index: ${index}`); console.log(array); }); console.log(new.. [프로그래머스] day1- 짝수와 홀수 짝수 와 홀수 찾기 문제 스코프란 무엇인가? Scope란? 스코프는 유효범위의 의미로, 변수가 유효한 함수의 범위를 확인하는 부분에 필요한 개념이다. function newFunction() { var x = 5; console.log(x); } newFunction(); // 결과값 5로 표시 console.log(x); //error 위와 같은 예시에서 보는 것과 같이, 변수 x는 newFunction이라는 함수 안에서만 동작하므로 함수의 괄호를 벗어났을 때, 함수명이 호출되면 5의 값이 도출되지만 변수 x를 직접 호출할 경우 error가 확인된다. 스코프의 종류 스코프의 종류는 코드의 가장 밖에 있는 전역스코프와, 함수 내부에서 유효한 지역스코프로 나뉜다. 변수 또한 유효범위에 따라 코드 밖에서 유효한 전역변수와 함수 내부에서 유효한 지역변수.. 저스트코드 홈팀 개인과제 회고 1. 프로젝트 소개 저스트코드에서 마지막 한달은 기업협업 팀과 홈팀으로 나눠서 진행을 하였는데, 나는 개념복습과 개인적으로 과제를 더 해보고 싶어서 홈팀에 남아서 프로젝트에 임했다. 진행한 프로젝트는 실제 '집 꾸미기'에서 사용되는 한 페이지를 만드는 것이며 제공된 API를 토대로 집소개 기능에 포함되어 있는 사진과 가구 정보를 조합하는 컴포넌트 구현하면 되었다. 진행기간 2022.08.01 ~ 2022.08.08 사용한 기술스택 React, React Hooks JavaScript, Styled-Components Git & GitHub, Build Tool (Create React App) 2. 프로젝트 진행 기능구현 1. 메인 section: 처음으로 직접 fetch가 아닌 axios를 사용하여 데.. 4개월간의 저스트코드 회고 4개월간의 여정의 끝 전체 코스 기간 2022.05.09 ~ 2022.08.26 처음 시작했을 때가 5월이었는데 언제 이렇게 시간이 지나서 벌써 8월의 끝자락이다. 처음엔 언제 끝이 날까 하는 생각도 가졌었지만 막상 이렇게 부트캠프 기간이 끝나고 나니깐 섭섭하기만 하다. 솔직히, 거짓없이 말하자면 완벽하게 해냈다 하는 느낌은 없다. 내가 너무 코딩에 관해 쉽게 생각했던 것도 있고 특히나 캐나다에서 컬리지 전공을 computer science로 정해 듣고 있는 중이 었기에 부트캠프를 끝낸다면 월등한 실력으로 향상되어 있을거라는 꿈을 가지고 있었다. 하지만 생각 만큼 뭔가 이뤄냈다 할 정도의 만족감은 없었다. 이는 분명히 내가 노력이 부족했다 라는 입증일 것이다. 그럼에도 불구하고, 컬리지에서 무슨 말인지 .. 이전 1 2 다음
