전체 글99 [CSS 우선순위] 부트스트랩을 사용했는데 왜 스타일 적용이 안되지? 🛠️ 구현할 화면 빨강색으로 표시한 부분을 구현하고자 했다. 처음에는 일일이 만들기 번거로워서 부트스트랩 이라는 프레임워크를 활용했고, 그 중 Card 라는 컴포넌트를 사용했다. 이를 그대로 사용하지는 않고, 아래와 같이 커스텀을 했다. 🧐 잘못 쓴 코드 예시 그런데 코드를 쓰다보니 아래와 같은 두 가지 문제가 있었다. 1. 막상 만들고 보니, 카드의 형태가 아니기에 커스텀을 넘어서 그냥 내가 직접 만든 꼴이 되어 버린 것 2. 부트스트랩 클래스에 이미 적용된 스타일때문에 내가 커스텀한 스타일이 묻히는 것 최저가 /* CSS 파일 */ .card { border: none !important; display: flex !important; justify-content: space-between !impo.. 2023. 8. 24. Talking to Developers 🍎 Today's Expression Vocabulary and Expression - get one's point across: 요점이 이해되도록 하다 - main takeaway = main point/thing you should most remember(e.g. The main takeaway from this anecdote is that~) - last-minute: 막바지의 Pronunciation - Early (you're saying '으lee'): 'err-lee' - Modified (you're saying 'm오dified'): 'm아dified' - Crucial: Don't forget the 'L' at the end! - Terminology (you're saying '.. 2023. 8. 15. Generalists or Specialists 🍎 Today's Expression Vocabulary - hone: 연마하다 (to make more acutue or effective) - definitive: 확정적인, 최종적인 (clearly defined or fomulated; of recognized authority or excellence) Pronunciation - Approach (you're saying '아-pperch'): '으-ppr오ch' - People: Don't forget to extend the 'E' - Monitor: '마-nitor' - Team (you're saying 'Tim'): Extend the 'E' sound - Soft: 's아ft' - Management (you're saying 'ma.. 2023. 8. 11. L’Oréal Buys Aesop 🍎 Today's Expression Vocabulary - footprint: 발자취 (the area occupied by something) - tap into: ~을 활용하다 (to use something in a good way) - unleash: 촉발시키다, ~을 놓아주다 (release from a restraint) - amass: 모으다, 축적하다 (=accumulate, gather) - cult: 추종, 숭배, 광신적 종교집단 (a relatively small group of people having religious beliefs or practices regarded by others as strange or sinister) - pertinent: 적절한, 관련있는 Pron.. 2023. 8. 3. 최고의 팀워크는 실력에서 오는게 아니다 - 후즈북 프로젝트 회고 📖 프로젝트 기간: 23/06/28 ~ 23/07/27 📖 프로젝트 이름: 후즈북 (추천 기반 도서 큐레이션 서비스) 후즈북 프로젝트가 끝났다. 처음으로 기획부터 배포 및 데모데이까지 완료한 프로젝트 다운 첫 프로젝트였다. 기술적인 부분은 차차 별도의 블로깅으로 하고, 회고에서는 우리 팀에 대해, 그리고 개인적인 소감을 말해보고자 한다. 👏 Keep 1. 열정과 책임감이 강한 팀원들이 모여 업무 분담도 잘 되었던 점 일단 우리 팀은 프로젝트에 대한 열정과 의욕, 책임감이 강했고 이에 따라 프론트엔드, 백엔드 각자 업무 분담이 잘 된 편이었다. 아마 첫 단추를 잘 끼워서가 아닐까 싶다. 팀원을 모으고 어떤 서비스를 할지 이야기한 것이 아니라, 만들고자 하는 서비스를 먼저 기획해서 팀원들을 모집했기 때문이다.. 2023. 7. 31. 마크다운으로 토글 기능을 쓸 수 있을까? 1. 결론 일단 쓸 수는 있다. 간혹 README 등 마크다운을 활용해 문서를 작성하다 보면, 덜 핵심적인 내용이나 이미지들을 접어두고 싶을 때가 있다. 마치 노션의 토글기능처럼 접었다 폈다 하는 기능 말이다. 엄밀히 말하자면, 마크다운에서는 토글 기능을 지원하지 않으나 html의 태그를 사용하면 사용할 수 있다. 2. 사용 방법 아래와 같이 입력하면 된다. 태그 사이에는 토글 삼각형 옆의 텍스트를 나타낼 태그를 사용한다. 더불어, html 사이의 markdown을 인식하기 위한 코드로 라는 것을 꼭 넣어 주어야 한다고 한다. 토글 접기/펼치기 텍스트 , 이미지 등등 입력 그럼 아래와 같이 나타난다. ▶ 토글 접기/펼치기 3. 의문점 을 꼭 넣어주어야 할까? 실험을 해보았다. 1. 넣은 버전: 토글이 I.. 2023. 6. 30. 첫 팀프로젝트의 팀장이 되었다. 그렇다. 어쩌다 그렇게 되었다. (사실 잘 모르겠지만 내 생각에는) 큰 키에 똑 부러져 보이는 모습 때문인지, 어딜 가나 줄곧 리더 역할을 많이 해왔다. 어쩌다 하게 된 것도 있지만 이런 리더의 자리가 좋아서 한 것도 있었다. 주체적으로 문제를 해결하는 것뿐만 아니라, 사람들과 함께 으쌰으쌰 하면서 목표를 이루는 것에 성취감을 느끼기 때문이다. 책임감은 무겁지만 그래도 '우리 팀'이 무언가를 해냈을 때 그 기쁨은 이루 말할 수 없다. 내가 만든 게 아닌 '우리'가 만들었다는, 그리고 우리의 대표자가 나라는 것도 좋았던 것 같다. 그런데 부트캠프 안에서도 그럴줄은 몰랐다. 리더를 하게 됐다. 부트캠프 초반에 여러 개의 스터디가 만들어지는데 정작 내가 하고 싶은, 내가 가능한 시간대의 스터디는 없었다. 그래.. 2023. 6. 16. gitignore에 node_modules를 추가했는데도 Changes목록에 뜨는 이유 🤔 오늘의 에러 평화롭게 과제를 하던 중.. 분명 gitignore에 node_modules를 추가해 두었는데도 Changes 목록에 뜨는 바람에 Changes 개수가 10,000개에 육박해 버렸다. 나는 분명 모든 디렉토리 안에 있는 node_modules가 커밋되지 않도록 설정했는데 말이지. # dependencies */node_modules /.pnp .pnp.js 🧐 에러의 원인 알고보니, gitignore가 특정 디렉토리 안에 있었기 때문이었다.. 이 부분이 원인이었다. 💡 해결 방법 gitignore는 무조건 모든 프로젝트의 루트에서 관리해야 한다. 그래야 제대로 작동한다. 더불어, 위와 같이 루트로 위치를 수정했음에도 불구하고 여전히 Changes 목록이 바뀌지 않는다면, 1. IDE 자체.. 2023. 6. 12. Proxy 설정 시 서버가 제공하는 올바른 엔드포인트로 API를 요청하자 🤔 오늘의 에러 React Proxy 설정 중, 오늘은 아래와 같이 두 에러를 만났다. GET http://localhost:3001/api/todos 404 (Not Found) Uncaught (in promise) SyntaxError: Unexpected token ' 2023. 6. 11. Useful English Expressions for Restaurants 🍎 Today's Expression Vocabulary - relocate: 고쳐놓다, 이사하다 - dietary restriction: 식이 제한 - Idioms 숙어 (= phrases that mean something different than what is said) - Rain on your parade = ruin your day | make you feel bad Phrases Ordering I would like to order ____. May I please have ____? Could you please get me _____? I would like to order the same thing. Could I also have ___, but with/without ___? R.. 2023. 6. 9. 멘탈이 나가도 다시 돌아왔다 - 부트캠프 4개월차 회고 👏 Keep 1. 매일 루틴을 지키고 회고하는 습관 매 Section마다 그렇듯, 이번 Section 4에서도 종종 멘탈이 꺾인 적이 있었다. 특히 솔로 프로젝트 때 실력이 적나라하게 드러나며 좌절을 경험했다. 하지만 그때마다 나 자신을 정면으로 마주하며 다시 달려야지 하며 다짐할 수 있었던 건 회고하는 습관 덕분이었고, 처지지 않고 일어날 수 있었던 건 그럼에도 지켜야 하는 루틴 덕분이었다. 공부가 메타인지를 기반으로 해야 잘할 수 있는 것처럼, 삶을 살아갈 때도 나의 감정과 생각을 잘 읽어내는 메타인지가 필요하다는 것을 실감하는 요즘이다. 2. 잘하고 좋아하는 것을 결합하며 공부하는 것 나는 내가 잘하고 좋아하는 것을 명확하게 안다. 그러니 아직 잘하지 못하는 개발이라는 영역을 잘하는 것과 결합해, .. 2023. 6. 8. TypeScript는 정확히 무엇이며 JavaScript와 어떻게 다른가요? 👩🏻💻 질문 💁🏻♀️ 요약하자면 , TypeScript는 Microsoft에서 개발한 프로그래밍 언어로, JavaScript의 확장된 버전입니다. TypeScript는 정적 타입을 지원하는 언어로, 개발자에게 타입 안정성과 코드의 가독성을 높여주는 기능을 제공합니다. JS vs. TS JavaScript는 동적 타입 언어로, 변수의 타입을 선언하지 않고 사용할 수 있습니다. 이는 유연성과 간편함을 제공하지만, 타입 에러의 가능성이 높아질 수 있고, 대규모 프로젝트에서 코드 유지보수의 어려움을 야기할 수 있습니다. 반면에 TypeScript는 변수, 함수, 객체 등에 명시적인 타입을 지정할 수 있습니다. 이를 통해 컴파일러가 코드를 분석하고 타입 체크를 수행할 수 있어, 타입 관련 에러를 사전에 방지할.. 2023. 6. 8. 이전 1 2 3 4 5 6 ··· 9 다음
