먼저, SSR은 Server Side Rendering으로 옛날에 django를 이용해서 만들 때 templates, views, models(MTV 패턴) 를 이용하여 직접 구현해봤던 방식이다. 나의 경험을 토대로 SSR을 설명해보면 서버쪽에서 HTML을 미리 구성해

: 예를 들어, 리스트에 어떤 정보를 쌓아가면서 길이가 4가 됐을 때 조건을 체크한 다음에 조건을 충족하면 answer +=1 을 하고, 리스트를 reset하고 다시 탐색해 나아가는 형식의 문제를 푼다고 해보자. 그리고 이것을 N\*N배열에서 한다고 할 때, 하나의 r

저번 시간에 내가 작성한 페이지가 웹표준에 적합한지 테스팅 했을 때 ul?ol? 둘중 하나의 태그 내에 br태그를 쓴 것이 에러 처리가 됐었는데, 문법적으로 정확히 ul or ol 내에는 '무조건' li 태그만 들어갈 수 있다고 한다!.\*\* 예를 들어, 그 안에 &

: 규칙을 찾아내면 쉽게 풀 수 있던 문제: n과 s가 주어지면 n개의 숫자를 이용해서 합이 s가 되는 조합(집합)을 찾는데(이 때, 집합은 중복집합이라해서 중복을 허용하는 집합이다), 이중에 n개의 숫자의 곱이 가장 큰 조합을 찾아서 리턴하는 것이 문제이다.: n개의

: 한번에는 못풀었는데, 이유는 문제를 제대로 이해하지 못해서이다..: 항공권 티켓(왕복이 아닌 편도행)이 tickets로 주어지는데, 그러한 항공권 티켓을 바탕으로 '여행 경로'를 짜야한다. 이 때, 티켓은 반드시 ICN에서 출발해서 비행기를 타고, 타고, 타서 어딘

record 페이지를 만들어서 그날의 운동이 끝나면 기록을 보여주는 표 페이지를 만들었음이 때, 시맨틱 태그에 유의하면서 만들어봤음(오늘 해당 내용을 공부했으므로 ㅎㅎ) => 코드 확인 가능 링크랜딩페이지 -> 메인 페이지 -> 레코드 페이지로 가는 로직을 그림으로 보

section 태그는 구획을 나눌 때 쓰는데, 그 구획을 나누는 부분이 다른 구획과 연관성을 지니면서 독립성이 낮을 때 쓴다. article 태그 또한 구획을 나눌 때 쓰는데, section에 비해 독립성이 높고, 그 부분만 따로 떼어놔도 충분히 제 기능, 제 역할 혹

HTML은 서버로부터 전달되는 JS, CSS, etc 중에 가장 베이스가 된다. why? HTML 마크업이 없으면 브라우저에 아무것도 렌더링 할 수 없음. 렌더링을 위한 가장 핵심 및 기본이 되는 정보가 HTML에 담겨있다.이러한 HTML의 구조와 기본 철칙 등을 잘지

python의 reversed, join, slicing(\[]) 모두다 O(N)의 시간복잡도를 가진다.문자열, 리스트를 뒤집을 때 ::-1로 뒤집는 방법이 있다.heapq 모듈에 대해서(참고 블로그): heapq는 우선순위 큐로 알려진 힙 자료구조와 같은 구조로 동작

: 오늘의 운동 기록을 점진적 과부하 사이트로 기록하고 캡쳐해봤다 ㅎㅎ일단 메인 페이지의 로직을 구현했음. 저번에 만든 랜딩페이지에서 운동을 선택하면 메인페이지로 그 선택한 운동들을 가져와서 useEffect()로 componentDidMount와 같은 효과를 내서 첫

: 계속 고민하던 포인트에서 막혀서 못푼 문제. 근데 그 해답이 heap에 있었던 문제이다. 계속 고민하던 포인트는 결국 계속해서 최대값에 -1을 해주면서 n을 소비(?)해 나아가는 것이 문제 풀이 방법인 것 까지는 알았는데, 계속해서 최대값을 찾느라 max()를 써서

: 휴.. 시간 초과(효율성 1번) 때문에 별짓을 다해본 문제이다. 내 풀이가 잘못된건가 하여 분할정복법도 써가며 풀어봤지만 불가능한 방법이었고, 결론적으로 파이썬 내장 함수를 쓸 때 시간복잡도를 잘알고 써야겠다는 생각이 든다.: 문제 자체는 간단하다. 주어진 문자열에

프로그래머스 레벨 3 안푼 문제 전부다 풀기(45문제 정도 남았으니까 적어도 하루 2,3문제 정도 풀어야함) \*\* 시간재고 풀기알고리즘 잡스 하라는 대로 하기오전 시간 제외 오후 시간에는 이론 공부 => 공부한 내용 TIL로 작성하기!굵직한 것은 준비했다 한번에 하

코딩테스트 준비는 하루의 반나절을 투자해서라도 꾸준히(코딩테스트 통과 못하면 면접도 없다)CS 지식 및 내 경험 바탕으로 자소서 및 면접 답변 준비 면접 준비에 자바스크립트, 프론트 엔드 관련 질문들 전부 포함되는 것!

일단 결론적으로 1솔 했다..1번은 되게 간단한 줄 알고 풀다가 세부적인 조건을 고려하지 못해서 시간은 시간대로 잡아먹고 풀지를 못했다. 문제에 대한 이해를 제대로 못한 결과라고 생각한다. 앞으로 문제를 풀 때 너무 친절한 문제만 풀어 버릇하면 안될 것 같다. 내가 스

: 2번만에 해결할 수 있었다. 솔직히 처음에는 문제 스케일에 압도(?)돼서 이상한 생각을 해서.. 헤맸던 것 같고, 차근차근히 풀어보니까 은근히 쉬운 문제였다. 하지만 코드 길이도 그렇고 확실히 스케일이 있는 문제인 것 같다정보를 통해 주어진 물풍선을 주어진 바늘의

S3 배포 사이트 링크: 헬스를 할 때 점진적 과부하를 측정하기 위한 앱으로, 랜딩 페이지에서 오늘 할 운동을 정하고, main 페이지로 넘어갈 수 있다. 메인 페이지로 넘어가면 오늘 할 운동 각각에 start 버튼이 있는데, 이 버튼을 누르면 시작 시간과 함께 1s

프로그래머스 단어변환 문제 구현 코드 def solution(begin, target, words): answer = 0 BFS ! queue = [begin] path = {} path[begin] = True def is_possible(word1,word2): cnt = 0 for ...

프로그래머스 네트워크 문제 문제 해석 : 문제 자체는 어렵지 않다. 컴퓨터의 수 n과 컴퓨터간의 연결관계를 나타내주는 2차원 배열을 받아서(0이면 비연결, 1이면 연결), 전체 네트워킹이 몇개나 형성돼있는지를 구하는 것이다. 이 때, 네트워크 단위는 연결단위이다. 즉

: DFS 백트랙킹을 이용해서 풀었다. 코드가 약간 지저분한데 한번더 풀 때는 좀 더 간결화한 코드로 풀면 좋을 것 같다!: 프로그래머스 타겟넘버 풀이