이제 마지막으로 카드 안에 뉴스카드 하나하나를 만드는 작업을 해볼 것이다 큰 순서로는 전체 큰 카드 -> 뉴스 넣을 공간 만들 -> 뉴스 컬럼 -> 클릭하면 동작 될 함수 등으로 진행 될 것이다. [ buildNewsCard ] 전체적으로 큰 뉴스 카드를 만들고 그 안에 뉴스컬럼들을 넣어 준다. 나는 웹화면과 모바일 화면에 따라 뉴스 카드의 갯수가 다르게 보여지게 하기 위해 isBigScreen 을 넣어 웹 일 때와 아닐때를 구별해 화면을 그려주었다. Card buildNewsCard(bool isDarkMode, BuildContext context, double deviceWidth, List newsList) { var showCard = deviceWidth / 3; return Card( mar..

저번에 세팅 해 뒀던 뉴스 API 를 받아와서 파싱 해서 보여주기를 진행해 보려고 한다. Flutter 뉴스 API 연동하기(1) - 기초 세팅 오늘은 뉴스 api 를 가져와서 화면에 보여주는 작업을 해볼 것이다. 아래처럼! [API 사용 설정] 아래의 홈페이지에 들어가서 뉴스 API를 사용하기 위해 가입을 하고 API 키를 받아 준다. 키를 받고 문 henniee.tistory.com [ News 클래스 만들기 ] 통신을 통해 받아 온 값들을 넣어 둘 News 클래스가 필요하다. 지난번에 포스트맨을 통해 어떤 값들을 해당 사이트에서 주는 지를 확인 했기 때문에 그 값들 중 사용 할 값들만 가지고 클래스를 만들어 준다. 나는 타이틀과, 이미지, 어느 뉴스사 인지 그리고 url 을 파싱해 올 예정이다. 따..

오늘은 뉴스 api 를 가져와서 화면에 보여주는 작업을 해볼 것이다. 아래처럼! [API 사용 설정] 아래의 홈페이지에 들어가서 뉴스 API를 사용하기 위해 가입을 하고 API 키를 받아 준다. 키를 받고 문서에 들어가 보면 사용법을 제공한다. News API – Search News and Blog Articles on the Web “Ascender AI has a mission to apply AI to the media, and NewsAPI is one of our most valuable resources. Ascender is redefining how users interact with complex information, and the NewsAPI feed is an essential ..

정규식(Regular Expression)은 문자열의 패턴을 표현하기 위한 형식 언어이다. 정규식은 문자열에서 특정 패턴을 찾거나, 검색, 치환, 유효성 검사 등 다양한 문자열 처리 작업에 사용된다. 정규식은 특정 규칙을 따라 문자열을 매칭시키기 위한 패턴을 정의하며, 이를 통해 문자열에서 원하는 패턴을 찾거나 조작할 수 있다. RegExp Dart 에서 정규식을 다루기 위한 클래스를 'RegExp' 라고 한다. 생성자 RegExp pattern = RegExp('패턴'); allMatches 메서드 주어진 문자열에서 패턴과 일치하는 모든 부분을 찾아내어 Match 객체들의 Iterable을 반환 Iterable matches = pattern.allMatches('대상 문자열'); firstMatch ..