본문 바로가기

항해

[TIL-011] Styled-component 동적으로 활용하기, 기술 면접 스터디 발표 Today목표 : 4/21일 Styled-component 동적으로 활용하기, 기술 면접 스터디 발표 알게된 점, Styled-component 파일 구조✅ src/ components/ Button/ index.js Button.styles.js Card/ index.js Card.styles.js 위 파일 구조를 참고하여 모듈화하여 styled-component를 사용하는 연습을 해야 할 것 같다. Styled-component 동적으로 활용하기✅ Styled-component에서 동적으로 style을 변경하고 싶어 구글링을 하면서 여러가지 방법을 찾아보았다. 하지만 보통 inline 방식이거나, switch문을 사용한다거나, 삼항 연산자나 && 연산자 등 내가 원하는 답을 찾기가 너무 어려웠다. 예.. 더보기
[항해99] 온보딩 스터디 - 2주차 4일 TIL 🦄 온보딩 스터디 2주차 4일 TIL ✨03/16 : 목표 : Todo List 만들기 온보딩 스터디 알고리즘 4일차, 엑셀로 주신 프로그래머스 문제는 전부 풀었기 때문에 기술 매니저님께서 과제로 주신 Todo List 를 만들어 보기로 했다. 📒Todo List 만들어 보기 01 기능 구현 목표 TodoApp은 할일 목록을 기록하고 관리하기 위한 어플리케이션이다. [요구사항] 할일 리스트 정보를 갖는다. 할일을 추가할 수 있다. 할일 항목(item)은 제목, 설명, 완료여부를 포함하며 수정 또는 삭제가 가능하다. 완료 여부의 경우 완료 상태를 취소 할 수 있다. [구현] 할일 항목을 다루기 위한 정보를 데이터화 합니다. 할일 항목들을 리스트로 관리합니다. 각 항목들을 제어하기 위한 로직을 작성 합니다... 더보기
[AWS] 클라우드 서버에 배포하기 🦄 클라우드 서버에 배포하기(AWS) AWS는 아마존에서 제공하는 서비스로, 클라우드(인터넷)상에서 컴퓨터(서버)를 빌려주어 웹 서비스를 배포할 수 있도록 해주는 서비스다. 지난 향수 협업 프로젝트에서는 람다 서버를 이용했다고 들었다. 람다 서버는 요청이 들어올 때만 서버가 가동되는 시스템이었던 것으로 기억한다. 첫 요청 시 서버가 가동되는데 시간이 조금 더 걸리기 때문에 처음 로딩 시간이 비교적 길어지는 단점이 있었지만(프론트 입장에서 경험한 바로는 7s정도 소요..?), 사용자의 요청이 들어올 때에만 서버를 가동시키기 때문에 그 만큼 비용상으로 좀 더 절약될 수 있다는 장점이 있었던 걸로 기억한다. 각 서버의 종류마다 장단점이 있는 것 같다. 이번에는 쉽고 빠르게 배포가 가능한 AWS Elastic .. 더보기
[Flask] 팬명록 프로젝트(서버, DB) 🦄 팬명록 프로젝트(서버, DB) 사용자가 닉네임과 응원댓글을 입력하고 '응원 남기기' 버튼 클릭시, DB에 해당 정보들을 저장한다. Window가 reload되면, DB에 있는 댓글 리스트들을 가져와서 화면에 보여준다. 배너에는 간단한 날씨API를 받아와서 현재기온도 추가 해 주도록 한다. 01 팬명록 - 프로젝트 셋팅 - 서버, DB만 사용 => flask, pymongo, dnspython => 날씨 API는 프론트에서 Fetch로 바로 진행할 것 $ pip install flask pymongo dnspython 02 팬명록 - 뼈대 준비하기 - app.py from flask import Flask, render_template, request, jsonify app = Flask(__name_.. 더보기
728x90
반응형

티스토리툴바