본문 바로가기

전체 글

 (347)
데브코스 스터디(알고리즘, 코테) 18회차 ✍문제 풀기초록색은 성공, 빨간색은 실패, 주황색은 이전에 풀었지만 실패, 회색은 이전에 풀었지만 시간 부족Lv 3 : 효율성 테스트 시간 초과.골드 5 : 조건을 제대로 못 읽음. 실패(23%)골드 3 : 시간 부족. dp(다이내믹 프로그래밍)📢리뷰 시간 & 🙄느낀 점오늘은 두 문제를 살펴봤는데 풀릴 듯 안 풀리는 느낌이었다. 그리고 나머지 한 문제를 푼 사람의 풀이를 들었는데 아직 다이내믹 프로그래밍 문제는 더 많이 경험해봐야 할 필요설을 느꼈다.
프로그래머스 데브코스 58일차 with. TS 웹 풀스택 📚요약지난 시간에 이어 프로젝트 구현을 진행하겠습니다. 📖리액트 - 업무 관리 프로젝트오늘은 지난 시간에 이어 EditModal과 LoggerModal을 구현했습니다. 기존에 진행했던 구현에서 살짝씩만 바꿔서 구현했기 때문에 새로운 내용은 보이지 않았습니다. 📄스타일 수정스타일을 적용하는 도중 강사님의 화면과 결과가 다른 경우 약간의 스타일 수정을 했습니다. 📑DropDownForm글씨 크기가 버튼의 너비에 맞지 않아 글씨가 내려가는 부분이 있습니다.더보기// DropDownForm.css.tsexport const button = style({ width: 150, color: vars.color.brightText, padding: vars.spacing.medium, // fontSi..
프로그래머스 데브코스 57일차 with. TS 웹 풀스택 📚요약지난 시간에 이어 프로젝트를 진행해 보겠습니다. 📖리액트 - 업무 관리 프로젝트📄BoardList 생성최상단의 여러 게시판을 생성하는 탭으로 게시판 목록은 앞선 강의에서 배웠던 배열을 활용해 화면에 그리기를 활용했습니다.추가적으로 스타일을 적용하기 위해서 '@vanilla-extract/css' 라이브러리를 활용합니다. :hover와 같은 의사클래스도 편하게 사용할 수 있습니다.export const addButton = style({ color: vars.color.brightText, fontSize: vars.fontSizing.T2, cursor: "pointer", marginLeft: vars.spacing.big1, ":hover": { opacity: 0.8, }..
프로그래머스 데브코스 56일차 with. TS 웹 풀스택 📚요약지난 시간까지 타입스크립트와 리액트의 기초를 배웠습니다. 이번 시간부터 리액트를 활용해 프로젝트를 진행해 보겠습니다. 📖리액트 - 업무 관리 프로젝트시작하기도 전에 설정하는 과정에서 에러가 발생했다. 해당 에러는 다음 글에서 확인할 수 있습니다. [JSX.IntrinsicElements 에러] VSCode App.tsx 왜 다 빨간줄이야?에러 배경npm init vite를 통해 react와 typescript로 프로젝트를 시작하려고 했다.에러 그 잡채App.tsx의 기본 코드를 보기 위해서 창을 띄웠는데 HTML의 기본 태그에 전부 빨간 줄이 있었다. 모든 HTML 태그nulzi-dev.tistory.com 📄구조 및 패키지구조components 폴더 : 컴포넌트 모음.hooks 폴더 : cu..
데브코스 스터디(알고리즘, 코테) 17회차 ✍문제 풀기초록색은 성공, 빨간색은 실패, 주황색은 이전에 풀었지만 실패, 회색은 이전에 풀었지만 시간 부족골드 4 : 점화식 아이디어 부족. 다이내믹 프로그래밍.골드 4 : DFS, BFS. 재귀 구현 부족.골드 4 : 다익스트라 알고리즘...📢리뷰 시간 & 🙄느낀 점이번 시간에는 한 문제만 풀어보자라는 마음으로 시작했는데 1시간 반 동안 한 문제만 도전해 보다가 끝났다. 재귀를 사용하려고 할 때마다 자주 사용하지 않아서 그런 건지 구현에 어려움이 너무 많은 것 같다.
[JSX.IntrinsicElements 에러] VSCode App.tsx 왜 다 빨간줄이야? 에러 배경npm init vite를 통해 react와 typescript로 프로젝트를 시작하려고 했다.에러 그 잡채App.tsx의 기본 코드를 보기 위해서 창을 띄웠는데 HTML의 기본 태그에 전부 빨간 줄이 있었다. 모든 HTML 태그에는 다음과 같은 에러 메시지가 출력되고 있었다.Error'JSX.IntrinsicElements' 형식에 'a' 속성이 없습니다.ts(2339) 또 다른 에러는 확장자를 인식하지 못하는 듯 보였다.Error가져오기 경로는 '.tsx' 확장으로 끝날 수 없습니다. 대신 './App.js' 가져오기를 고려하세요.ts(2691)해결 과정해결. VSCode 최신 버전 재설치오래된 버전의 VSCode는 TS의 최신 bundler를 이해하지 못해서 문제가 발생한다고 한다.자세한 내..
프로그래머스 데브코스 55일차 with. TS 웹 풀스택 📚요약지난 시간에 이어 리액트의 컴포넌트 사이에 데이터를 전달하는 props를 배우고 프론트엔드의 기초를 마무리하겠습니다. 📖리액트📄props리액트의 컴포넌트는 props를 통해 서로 의사 소통합니다. 다른 말로 얘기해 props를 통해 데이터를 주고받는다는 의미입니다. 모든 부모 컴포넌트는 props를 통해 자식에게 데이터를 전달해 줄 수 있습니다.props는 HTML의 attribute(속성)처럼 사용하지만 객체, 배열, 함수를 포함한 JS의 값을 전달할 수 있습니다.// Props.tsximport React, { Component } from "react";interface IProps { weather: string; children: React.ReactNode;}const Props..
데브코스 스터디(알고리즘, 코테) 16회차 ✍문제 풀기초록색은 성공, 빨간색은 실패, 주황색은 이전에 풀었지만 실패, 회색은 이전에 풀었지만 시간 부족lv3 : 50%, 런타임 오류.골드 4 : 시간 부족. 구현 부족골드 3 : 시간 부족.📢리뷰 시간 & 🙄느낀 점이번에 확실히 느꼈던 점은 아직 dfs도 구현을 제대로 못하는 느낌이다. 따로 공부하는 시간이 필요하다.

티스토리툴바