본문 바로가기
반응형

전체 글

 (137)
[JS로 코테 준비하기] 1. 프로그래머스 - 몫 구하기(feat. ~~) https://school.programmers.co.kr/learn/courses/30/lessons/120805 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr Javascript로 몫 구하는 방법 1. parseInt function solution(num1, num2) { const answer = parseInt(num1 / num2); return answer; } 2. Math.floor function solution(num1, num2) { const answer = Math.floor(num1 / num2); return answer; }..
[JS로 코테 준비하기] 0. FE 개발자의 코딩테스트 언어 발단 나는 코딩테스트를 응시할 때 언어 선택에 있어 한 치의 고민도 하지 않고 C++로 풀어왔었다. 왜? 학부 시절 자료구조와 알고리즘 수업을 C++로 배웠고, 그 이후 당연하게 코딩 테스트도 C++로 준비를 해왔기 때문이다. 단순했다🤗. 그리고 동시에 알고리즘의 근본은 C++이지! 라는 진담 반 농담 반의 생각이 내재되어 있었다. python 바람이 불어오면서 주변에서도 python으로 코테를 응시하는 사람들이 늘어났지만, 나는 지금까지 쌓아온 익숙함을 버리기 싫어 C++만 고집했다. 사실 언어를 바꿔야 할 명확한 이유가 없었다. 근데 이제 와서 갑자기 Javascript를 ..? 약 두 달 전, 졸업을 앞두고 한 기업의 코딩테스트를 보았다. 당연히 C++로 보았고 4문제 중 3.1솔을 했다. 문제가 ..
[React] useState 업데이트 값이 즉시 반영되지 않는 문제 (useState와 useRef) 1. 개요(문제) 사용자의 현재 위치를 받아와 지도에 표시하고자 했다. 초기 로직 위치 값 useState로 초기화하기 navigator.geolocation.getCurrentPosition API를 통해 현재 위치 가져오기 받아온 값으로 state 업데이트하기 하지만 useState 업데이트 값이 즉시 반영되지 않는 문제가 발생했다. const Map = () => { const [curLoc, setCurLoc] = useState({lat: 0, lng: 0}); const handleGeoSuccess = (pos) => { const lat = pos.coords.latitude; const lng = pos.coords.longitude; const coordsObj = { lat, lng,..
[Algorithm] 프로그래머스 쿼드압축 후 개수 세기 c++ (시간초과) https://programmers.co.kr/learn/courses/30/lessons/68936 코딩테스트 연습 - 쿼드압축 후 개수 세기 [[1,1,0,0],[1,0,0,0],[1,0,0,1],[1,1,1,1]] [4,9] [[1,1,1,1,1,1,1,1],[0,1,1,1,1,1,1,1],[0,0,0,0,1,1,1,1],[0,1,0,0,1,1,1,1],[0,0,0,0,0,0,1,1],[0,0,0,0,0,0,0,1],[0,0,0,0,1,0,0,1],[0,0,0,0,1,1,1,1]] [10,15] programmers.co.kr 풀이 재귀(분할 정복) 2차원 벡터를 탐색하면서 내부의 수가 같은지 다른지 확인해야 함 정사각형이므로 좌측상단의 좌표(x,y)와 현재 길이(n)만 알면 탐색 가능 모두 같은 ..
[CSS 기초] 3. CSS 문법 & 선택자 1. CSS 문법 CSS 문법은 선택자(selector)와 속성(property), 속성에 대한 값(value)으로 구성됩니다. 아래와 같이 선택자를 쓰고 중괄호 사이에 속성과 값을 작성하면 됩니다. 이 의미는 "해당 선택자에 대한 이 속성을 이 값으로 설정해줘"라고 선언하는 것입니다. 하나 주의해야 할 것은 값 뒤에 세미콜론 붙이는 것을 잊지 말아야 한다는 것입니다! 예를 들어, 아래 코드는 "h1태그의 color를 blue로 설정해줘"라는 의미입니다. h1{ color: blue; } 2. 선택자 선택자는 HTML 문서에서 스타일을 적용할 대상을 말합니다. CSS 문법에서 선택자 자리에 올 수 있는 것은 선택자와 선택자 목록입니다. 우선 선택자의 종류를 살펴보고 선택자 목록을 만드는 방법을 알아보겠습..
[CSS 기초] 2. HTML에 스타일을 적용하는 방식 1. 개요 HTML 문서에 스타일을 적용하는 방식은 3가지가 있습니다. 인라인 스타일 내부 스타일 시트 외부 스타일 시트 각각을 하나씩 알아보고, HTML 문서 내에서 스타일을 적용하는 방식(인라인, 내부)과 CSS 파일을 별도로 만들어 적용하는 방식(외부)을 비교해보도록 하겠습니다. 2. 인라인 스타일 HTML 태그에 style 속성을 적용하는 방법입니다. 해당하는 태그에만 스타일이 적용됩니다. 스타일 적용 스타일 적용 3. 내부 스타일 시트 HTML 파일에서 태그를 이용하는 방식입니다. 스타일 적용 스타일 적용 4. 외부 스타일 시트 CSS 파일을 별도로 만들어 HTML 문서와 연결해주는 방식입니다. HTML 파일에서 태그를 이용해 외부의 CSS 파일을 연결합니다. 스타일 적용 스타일 적용 5. 세 ..
[Algorithm] 백준 17822 원판 돌리기c++ https://www.acmicpc.net/problem/17822 17822번: 원판 돌리기 반지름이 1, 2, ..., N인 원판이 크기가 작아지는 순으로 바닥에 놓여있고, 원판의 중심은 모두 같다. 원판의 반지름이 i이면, 그 원판을 i번째 원판이라고 한다. 각각의 원판에는 M개의 정수가 적혀 www.acmicpc.net 풀이 시뮬레이션 주어진 조건 그대로 구현하면 된다. xi의 배수의 원판 구하기 배수를 구하는 법: xi만큼 계속 더한다 (j += xi) 원판 회전시키기 시계 방향: tmp에 이동 후 인덱스를 넣는다. 반시계 방향: tmp에 이동 전 인덱스를 넣는다. 인접한 수 확인하기 same은 인접하면서 수가 같은 것이 있으면 true, 없으면 false를 나타낸다. tmp배열은 시뮬레이션에 ..
[CSS 기초] 1. CSS란? 1. CSS란? CSS는 HTML 문서를 꾸며주는 언어입니다. CSS 작업은 흰 배경위에 검은 콘텐츠만 있던 HTML 문서를 예쁘게 스타일링하고 보기 좋게 레이아웃을 조절하는 것이라고 할 수 있습니다. 아래의 HTML 총정리를 하며 만들었던 페이지는 보기 좋지 않습니다. 눈길을 끄는 요소가 전혀 없어 정보를 전달하는데 비효율적이며 사람을 모으기 힘들다고 볼 수 있습니다. 반면, CSS를 활용해 웹 페이지를 만들면 아래와 같이 조금은 보기 좋게 만들 수 있습니다. (디자인적 감각이 필요한 부분이지만.. 쌩 HTML 보다는 낫지 않나요..?) 2. Cascading Style Sheets 우리는 CSS가 무엇인지, 어떤 역할을 하는지 예시를 통해 직관적으로 파악했습니다. 이번에는 CSS 단어 자체의 의미를 ..
반응형

티스토리툴바