자기계발 캠퍼스

언어를 배울 때 기본적인 품사를 배우는 것과 마찬가지로 기본적인 자료형에 대해서 배우고 가보자. 파이썬은 총 7개의 자료형이 있다. - 숫자형 - 문자열 자료형 - 리스트 자료형 - 튜플 자료형 - 딕셔너리 자료형 - 집합 자료형 - 불 자료형 1. 숫자형 별 거 없다. 말 그대로 그냥 숫자들을 나타내는 것이다. 정수, 실수 모두 아우르고 있고 8진수와 16진수까지 포함한다. // 8진수 a = 0o177 // 16진수 a = 0x8ff 이런 애들도 모두 파이썬에서 사용 가능한 숫자 자료형이다. 숫자형 데이터를 활용해서 사칙연산은 물론 몫 (//), 나머지(%), 제곱(**)을 나타내는 계산도 가능하다. 2. 문자열 자료형 아마 모든 프로그래밍 언어에서 가장 많이 다루는 자료형일 것 같다. 따옴표를 활용..

모든 브라우저는 자바스크립트를 해석하고 실행할 수 있는 자바스크립트 엔진을 내장하고 있다. 브라우저 뿐만 아니라 Node.js도 자바스크립트 엔진을 내장하고 있다. 따라서 자바스크립트는 브라우저 또는 Node.js에서 실행할 수 있다. 하지만 브라우저와 Node.js는 용도가 다르다. 브라우저는 웹페이즈를 브라우저 화면에 렌더링하는 것이 주된 목적이지만 Node.js는 브라우저 외부에서 자바스크립트 실행 환경을 제공하는 것이 주된 목적이다. 따라서 둘다 ECMAScript를 실행할 수 있지만 브라우저와 Node.js에서 ECMAScript 이외에 추가로 제공하는 기능은 호환되지 않는다. 예를 들어 파싱된 HTML element를 선택하거나 조작하는 기능은 DOM API는 브라우저는 활용가능하지만 Node..

1995년 웹 브라우저 시장을 지배하고 있던 넷스케이프는 웹페이지의 보조적인 기능을 수행하기 위해 브라우저에서 동작하는 경량 프로그래밍 언어를 도입하기로 결정. 브랜던 아이크가 자바스크립트를 개발함. 자바스크립트가 다른 브라우저와는 완벽히 호환되지 못하고 브라우저에 따라 정상적으로 동작하지 않는 크로스 브라우징 이슈가 발생하기 시작했다. 따라서 모든 브라우저에서 정상 동작하는 표준화된 자바스크립가 필요했고 ECMA International이 표준화된 자바스크립트인 ECMAScript를 공개했다. 계속해서 새로운 기능이 추가되고 있고 지금 ES11(ECMAScript 2020)까지 나온 상황이다. 초창기 자바스크립트는 웹페이지의 보조적인 기능을 수행하기 위해 한정적인 용도로 사용되었다. 브라우저는 서버로부..

프로그래밍을 한다고 할 때 그 기저에는 반드시 사용하는 언어에 대한 기본 개념과 동작 원리의 이해가 있어야 한다. 시행착오를 많이 겪어봐야 한다. 동작원리 -> 코딩 스킬 -> 프로젝트 -> 동작원리 .... 동작원리를 이해하는 것은 코딩 스킬과도 연결 되고 이를 통해 프로젝트를 진행할 때 동작원리를 정확히 이해하고 있어야한다. 세 개가 삼박자로 계속해서 잘 맞아떨어져야 한다. "빨리 가는 유일한 방법은 제대로 가는 것이다" 프로그래밍을 왜 필요한가? -> 문제를 해결하기 위해서 문제를 어떻게 해결할 건데? -> 복잡한 문제는 단순하게 분해하고 사용하는 자료구조들을 정리 및 구분을 하면 된다. 언어의 종류 - 컴파일러 언어, 인터프리터 언어 사람 ------------- 컴파일러 or 인터프리터 ----..

파이썬은 1990년 암스테르담의 귀도 반 로섬이 개발한 인터프리터 언어이다. ※ 인터프리터 언어란 무엇인가? 프로그래밍 언어는 크게 두 가지 분류로 나눌 수 있다. 인터프리터 언어 vs 컴파일러 언어 Python, JAVA, Javascript 등등 많은 언어는 인간이 프로그래밍을 할 수 있도록 문법이 구성되어있다. 하지만 컴퓨터가 읽을 수 있는 언어는 인간이 사용하는 영어나 한국어가 아니라 0과 1뿐이다. 즉, 영어(고급 언어)로 코드를 작성했다면 컴퓨터가 이를 이해할 수 있도록 0과 1(저급 언어)로 번환하는 과정이 필요하다. 컴파일러 언어는 컴파일러를 통해 컴파일 타임에 전체 소스 코드를 한 번에 기계어로 변환 후 실행파일을 만든다. 실행할 때는 컴파일 과정을 추가로 거치지 않고 실행만 하면 되므..

아직 대학생따리지만 동아리에서 프로젝트를 할 때 커밋 내용을 어떻게 써야할지 고민이 많았다. 개인 프로젝트는 혼자 막 갈겨 써도 이해할 수 있지만 협업하는 상황이라면 글을 쓸 때도 공통의 규칙이 있어야 상황파악이나 이후 업무 분배에 있어서도 더 수월할 것이다. 구글에다가 Git convention이라고 치면 정말 많은 자료가 나오는데 이제 커밋할 때마다 일일이 컨벤션 확인하고 쓰기 싫어서 아예 각 잡고 한 번 정리해보려고 한다. 1. Commit Message Structure 기본적인 커밋 메시지 구조는 이렇다. (각 파트는 빈줄로 구분한다.) 제목 (Type: Subject) (한줄 띄어 분리) 본문 (Body) (한줄 띄어 분리) 꼬리말 (Footer) 2. Commit Type 태그: 제목 :(s..

동아리에서 진행하는 프로젝트 중 세부 nav 바 중 하나의 item을 클릭하면 그에 맞춰 포커스가 유지되는 nav 바를 만들어보았다. 현재 Nextjs를 사용 중이다. 일단 결과를 먼저 보면 이렇다. hover했을 때 색깔이 변경되고 클릭하게 되면 foucs가 유지되어 선택된 항목은 계속 색깔이 바뀐 채로 있는다. 사실 이걸 맨 처음 구현하려고 했을 때 foucs 이벤트를 걸어줘야겠다고 생각했다. 근데 Nextjs 상으로 focus를 걸어주는 방법은 useRef를 사용하여 걸어주는 방법이 있는데 여러개 항목을 다 ref로 컨트롤하고 그때그때마다 선택된 애는 focus 다른 애들은 그냥 가만히 냅두는 그런 코드를 짜는 것에 대해서 어려움도 느꼈을 뿐더러 굉장히 비효율적인 것 같다는 생각이 들었다. 그래서 ..

문제 설명 주어진 숫자 중 3개의 수를 더했을 때 소수가 되는 경우의 개수를 구하려고 합니다. 숫자들이 들어있는 배열 nums가 매개변수로 주어질 때, nums에 있는 숫자들 중 서로 다른 3개를 골라 더했을 때 소수가 되는 경우의 개수를 return 하도록 solution 함수를 완성해주세요. 제한사항 nums에 들어있는 숫자의 개수는 3개 이상 50개 이하입니다. nums의 각 원소는 1 이상 1,000 이하의 자연수이며, 중복된 숫자가 들어있지 않습니다. 입출력 예 nums result [1,2,3,4] 1 [1,2,7,6,4] 4 입출력 예 설명 입출력 예 #1 [1,2,4]를 이용해서 7을 만들 수 있습니다. 입출력 예 #2 [1,2,4]를 이용해서 7을 만들 수 있습니다. [1,4,6]을 이용..

문제 설명 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있고, 이때 뒤에 있는 기능은 앞에 있는 기능이 배포될 때 함께 배포됩니다. 먼저 배포되어야 하는 순서대로 작업의 진도가 적힌 정수 배열 progresses와 각 작업의 개발 속도가 적힌 정수 배열 speeds가 주어질 때 각 배포마다 몇 개의 기능이 배포되는지를 return 하도록 solution 함수를 완성하세요. 제한 사항 작업의 개수(progresses, speeds배열의 길이)는 100개 이하입니다. 작업 진도는 100 미만의 자연수입니다. 작업 속도는 100 이하의 자..

문제 설명 배열 arr가 주어집니다. 배열 arr의 각 원소는 숫자 0부터 9까지로 이루어져 있습니다. 이때, 배열 arr에서 연속적으로 나타나는 숫자는 하나만 남기고 전부 제거하려고 합니다. 단, 제거된 후 남은 수들을 반환할 때는 배열 arr의 원소들의 순서를 유지해야 합니다. 예를 들면, arr = [1, 1, 3, 3, 0, 1, 1] 이면 [1, 3, 0, 1] 을 return 합니다. arr = [4, 4, 4, 3, 3] 이면 [4, 3] 을 return 합니다. 배열 arr에서 연속적으로 나타나는 숫자는 제거하고 남은 수들을 return 하는 solution 함수를 완성해 주세요. 제한사항 배열 arr의 크기 : 1,000,000 이하의 자연수 배열 arr의 원소의 크기 : 0보다 크거나 ..